8.htm

javascript book

        <p align="justify" style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">focus():获得password输入焦点。</font></p>
        <p align="justify" style="line-height: 150%"><b><font face="宋体" lang="ZH-CN" size="3">　</font></b></p>
      <!--msthemelist--></table>
      <!--mstheme--><font face="宋体">
      <p align="justify" style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3"><b>９、submit提交元素</b></font></p>
      <!--mstheme--></font>
      <!--msthemelist--><table border="0" cellpadding="0" cellspacing="0" width="100%">
        <p align="justify" style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img height="12" src="Bullet1.gif" width="12"></font><font face="宋体" lang="ZH-CN">　功能：实施对一个具有提交功能按钮的控制。</font></font></p>
        <p align="justify" style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img height="12" src="Bullet1.gif" width="12"></font><font face="宋体" lang="ZH-CN">　属性：</font></font></p>
        <p align="justify" style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">name:设定提交信息时的信息名称，对应HTML文档中submit。</font></p>
        <p align="justify" style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中value。</font></p>
        <p align="justify" style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img height="12" src="Bullet1.gif" width="12"></font><font face="宋体" lang="ZH-CN">　方法</font></font></p>
        <p align="justify" style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">click()相当于按下submit按钮。</font></p>
        <p align="justify" style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN"><img height="12" src="Bullet1.gif" width="12"></font><font face="宋体" lang="ZH-CN">　事件：</font></font></p>
        <p align="justify" style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">onclick()当按下该按钮时，产生该事件。</font></p>
        <p align="justify" style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　</font></p>
      <!--msthemelist--></table>
      <!--mstheme--><font face="宋体">
      <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">&nbsp; 
          下面我们演示通过点击一个按钮（red）来改变窗口颜色，点击“调用动态按钮文档”调用一个动态按钮文档。</font></p>
      <!--mstheme--></font>
      <!--msthemelist--><table border="0" cellpadding="0" cellspacing="0" width="100%">
      <!--mstheme--></font>
      <!--msthemelist--><table border="0" cellpadding="0" cellspacing="0" width="100%">
      <!--mstheme--></font>
          <pre style="line-height: 150%"><font size="3"><font face="System,??" lang="ZH-CN">
</font><b><font face="Courier New">test8_1.htm
</font></b><font face="Courier New">&lt;html&gt;
&lt;head&gt;
&lt;Script Language=&quot;JavaScript&quot;&gt;
//</font><font face="System,??" lang="ZH-CN">原来的颜色
</font><font face="Courier New">document.bgColor=&quot;blue&quot;;
document.vlinkColor=&quot;white&quot;;
document.linkColor=&quot;yellow&quot;;
document.alinkcolor=&quot;red&quot;;
//</font><font face="System,??" lang="ZH-CN">动态改变颜色

</font><font face="Courier New">function changecolor(){
   document.bgColor=&quot;red&quot;;
   document.vlinkColor=&quot;blue&quot;;
   document.linkColor=&quot;green&quot;;
   document.alinkcolor=&quot;blue&quot;;
}

&lt;/script&gt;
&lt;/HEAD&gt;
&lt;body bgColor=&quot;White&quot; &gt;
&lt;A href=&quot;test8_2.htm&quot;&gt; </font><font face="System,??" lang="ZH-CN">调用动态按钮文档</font><font face="Courier New">&lt;/a&gt;

&lt;form &gt;
   &lt;Input type=&quot;button&quot;  Value=&quot;red&quot; onClick=&quot;changecolor()&quot;&gt;
&lt;/form&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;

</font><font face="System,??" lang="ZH-CN">输出结果见图</font><font face="Courier New">1</font><font face="System,??" lang="ZH-CN">所示。

</font><img src="Image6.gif" width="398" height="264">
<font face="System,??" lang="ZH-CN">
</font>                <font face="System,??" lang="ZH-CN">图</font><font face="Courier New">1

</font><font face="System,??" lang="ZH-CN">
动态按钮程序。
</font> <font face="Courier New"><b>test8_2.htm
</b>&lt;HTML&gt;
&lt;HEAD&gt;
&lt;/HEAD&gt;

&lt;p align=&quot;center&quot;&gt;</font><font face="System,??" lang="ZH-CN">　</font><font face="Courier New">&lt;/p&gt;
&lt;div align=&quot;center&quot;&gt;&lt;center&gt;

&lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;
  &lt;tr&gt;
    &lt;td width=&quot;100%&quot;&gt;&lt;form name=&quot;form2&quot; onSubmit=&quot;null&quot;&gt;
     &lt;p&gt;&lt;input type=&quot;submit&quot; name=&quot;banner&quot; VALUE=&quot;Submit&quot;
     onClick=&quot;alert('You have to put an \'action=[url]\' on the form 
tag!!')&quot;&gt; &lt;br&gt;

&lt;script language=&quot;JavaScript&quot;&gt;

var id,pause=0,position=0;
function banner() {
        // variables declaration
   	var i,k,msg=&quot;    </font><font face="System,??" lang="ZH-CN">这里输入你要的内容</font><font face="Courier New">&quot;;// increase msg
        k=(30/msg.length)+1;
        for(i=0;i&lt;=k;i++) msg+=&quot; &quot;+msg;
        // show it to the window
       document.form2.banner.value=msg.substring(position,position-30);
        // set new position
       if(position++==msg.length) position=0;
        // repeat at entered speed 
        id=setTimeout(&quot;banner()&quot;,60); }
// end --&gt;
banner();
&lt;/script&gt;&lt;/p&gt;
    &lt;/form&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;/center&gt;&lt;/div&gt;

&lt;p&gt;</font><font face="System,??" lang="ZH-CN">　</font><font face="Courier New">&lt;/p&gt;

&lt;BODY&gt;
&lt;A href=&quot;test8_1.htm&quot;&gt; </font><font face="System,??" lang="ZH-CN">返回</font><font face="Courier New">&lt;/a&gt;

&lt;/BODY&gt;
&lt;/HTML&gt;

</font><font face="System,??" lang="ZH-CN">输出结果见图</font><font face="Courier New">2</font><font face="System,??" lang="ZH-CN">所示。
</font><img src="Image5.gif" width="398" height="264"></font></pre>
      <!--mstheme--><font face="宋体"><!--mstheme--></font>
      <!--msthemelist--><table border="0" cellpadding="0" cellspacing="0" width="100%">
      <!--mstheme--></font>
      <!--msthemelist--><table border="0" cellpadding="0" cellspacing="0" width="100%">
      <!--mstheme--></font>
      <!--msthemelist--><table border="0" cellpadding="0" cellspacing="0" width="100%">
      <!--mstheme--></font>
      <!--msthemelist--><table border="0" cellpadding="0" cellspacing="0" width="100%">
      <!--mstheme--></font>
      <!--msthemelist--><table border="0" cellpadding="0" cellspacing="0" width="100%">
      <!--mstheme--></font>
      <!--msthemelist--><table border="0" cellpadding="0" cellspacing="0" width="100%">
                      <p align="justify" style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">图2</font></p>
                      <p align="justify" style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">　</font></p>
      <!--msthemelist--></table>
      <!--mstheme--><font face="宋体">
      <!--msthemelist--></table>
      <!--mstheme--><font face="宋体">
      <!--msthemelist--></table>
      <!--mstheme--><font face="宋体">
      <!--msthemelist--></table>
      <!--mstheme--><font face="宋体">
      <!--msthemelist--></table>
      <!--mstheme--><font face="宋体">
      <!--msthemelist--></table>
      <!--mstheme--><font face="宋体">
      <!--msthemelist--></table>
      <!--mstheme--><font face="宋体">
      <!--msthemelist--></table>
      <!--mstheme--><font face="宋体">
      <p align="justify" style="line-height: 150%"><font face="宋体" lang="ZH-CN" size="3">本讲介绍了使用JavaScript脚本实现Web页面信息交互的方法。其中主要介绍了窗体中的基本元素的主要功能和使用。</font></p>
      <p>　<!--mstheme--></font></td>
  </tr>
</table>
<!--mstheme--><font face="宋体"><!--mstheme--></font>

</body>

</html>