7.htm

javascript book

      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　通过使用JavaScript中所提供的窗口对象方法prompt(),   
      就能完成信息的输入。该方法提供了最简便的信息输入方式，其基本格式如下：</font></p>  
      <dir>  
        <dir>  
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">Window.prompt(&quot;提示信&quot;,   
          预定输入信息);</font></p>  
        </dir>  
      </dir>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　此方法首先在浏览器窗口中弹出一个对话框,   
      让用户自行输入信息。一旦输入完成后，就返回用户所输入信息的值。例:</font></p>  
      <dir>  
        <dir>  
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">test=prompt（“请输入数据:”，”this   
          is a JavaScript”）</font></p>  
        </dir>  
      </dir>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　实际上prompt()是窗口对象的一个方法。因为缺省情况下所用的对象就是window对象,   
      所以windows对象可以省略不写。</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　</font></p>  
      <p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">2、输出显示</font></b></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　每种语言，都必须提供信息数据的输出显示。JavaScript也是一样，它提供有几个用于信息输出显示的方法。比较常用的有window.alert()、document.write和及document.writln()方法。</font></p>
      <p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">１)、document.write()方法和document.writeln()方法</font></b></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　document是JavaScript中的一个对象在它中封装许多有用的方法，其中write()和writeln()就是用于将文本信息直接输出到浏览器窗口中的方法。</font></p>
      <dir>
        <dir>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">document.write()；</font></p>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">document.writeln()；</font></p>
        </dir>
      </dir>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">说明：</font></p>
      <dir>
        <dir>
          <p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN">　write()和writeln()方法都是用于向浏览器窗口输出文本字串；</font></font></p>
          <p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN">　二者的唯一区别就是writeln()方法自动在文本之后加入回车符。</font></font></p>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><b>　</b></font></p>
        </dir>
      </dir>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><b>２)、   
      window.alert()输出</b></font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　在JavaScript为了方便信息输出，JavaScript提供了具有独立的对话框信息输出─alert()方法。<br>
      alert()方法是window对象的一个方法，因此在使用时，不需要写window窗口对象名，而是直接使用就行了。它主要用途用在输出时产生有关警告提示信息或提示用户，一旦用户按“确定”钮后，方可继续执行其他脚本程序。例:</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;HTML&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;HEAD&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;TITLE&gt;&lt;/TITLE&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;/HEAD&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;BODY&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;Script 
      Language =&quot;JavaScript&quot;&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">alert(&quot;这是一个JavaScript测试程序&quot;);</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;/Script&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;/BODY&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;/HTML&gt;</font></p>
      <p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">　</font></b></p>
      <p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">３)、利用输入、输出方法实现交互</font></b></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　　在JavaScript中，可以利用prompt()方法和write()方法实现与Web页面用户进行交互。例下面就是一个有关实现交互的例子。</font></p>
      <p style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">Test7_1.htm</font></b></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;HTML&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;HEAD&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;TITLE&gt;&lt;/TITLE&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;/HEAD&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;BODY&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;Script 
      Language=&quot;JavaScript&quot;&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;!-- 
      Hide From Other Browsers</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">document.write(&quot;&lt;H1&gt;有关交互的例子&quot;);</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">my=prompt(&quot;请输入数据:&quot;);</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">document.write(my+&quot;&lt;/H1&gt;&quot;);</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">document.close();</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">// 
      Stop Hiding from Other Browsers--&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;/Script&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;/BODY&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;/HTML&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">从上面程序可以看出：</font></p>
      <dir>
        <dir>
          <p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN">　可通过write()和prompt()方法实现交互。</font></font></p>
          <p style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img src="Bullet3.gif" width="12" height="12"></font><font face="宋体" lang="ZH-CN">　在JavaScript脚本语言中可以使用HTML标识语言的代码。从而实现混合编程。其中&lt;H1&gt;和&lt;Br&gt;就是HTML标识符。</font></font></p>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　</font></p>
        </dir>
      </dir>
      <p style="line-height: 150%"><b><font face="黑体" lang="ZH-CN" size="3">四、范例</font></b></p>
      <dir>
        <dir>
          <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">下列程序演示了你进入主页所停留的时间。</font></p>
        </dir>
      </dir>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><b>test7_2.htm</b></font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;html&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;form 
      name=&quot;myform&quot;&gt;</font></p>
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;td   
      vAlign=&quot;top&quot; width=&quot;135&quot;&gt;您在此停留了：</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;input   
      name=&quot;clock&quot; size=&quot;8&quot; value=&quot;在线时间&quot;&gt;&lt;/td&gt;</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;/form&gt;</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;script   
      language=&quot;JavaScript&quot;&gt;</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">var   
      id, iM = 0, iS = 1;</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">start   
      = new Date();</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">function   
      go()</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">{</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">now   
      = new Date();</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">time   
      = (now.getTime() - start.getTime()) / 1000;</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">time   
      = Math.floor( time);</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">iS   
      = time % 60;</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">iM   
      = Math.floor( time / 60);</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">if   
      ( iS &lt; 10)</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">document.myform.clock.value   
      = &quot; &quot; + iM + &quot; 分 0&quot; + iS + &quot; 秒&quot;;</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">else</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">document.myform.clock.value   
      = &quot; &quot; + iM + &quot; 分 &quot; + iS + &quot; 秒&quot;;</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">id   
      = setTimeout( &quot;go()&quot;, 1000);</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">}</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">go();</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;/script&gt;</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;/body&gt;</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">&lt;/html&gt;</font></p>  
      <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">在浏览器中的结果，见图1所示。</font></p>  
      <p style="line-height: 150%"><font face="System,??" lang="ZH-CN" size="3"><img height="230" src="Image9.gif" width="337"></font></p>  
      <dir>  
        <dir>  
          <dir>  
            <dir>  
              <dir>  
                <dir>  
                  <p style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">图1</font></p>  
                  <p><font face="宋体" lang="ZH-CN">　</font></p>
                </dir>
              </dir>
            </dir>
          </dir>
        </dir>
      </dir>
      <p>　</td>
  </tr>
</table>

<!--mstheme--></font>

</body>

</html>