javascript8.htm

javascript基础教程适合初学javascript的人下载一个很快就能掌握其中的知识.

      <p align="justify"><img src="javascript/Bullet1.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet1.gif" width="13" height="13"
      alt="Bullet1.gif (122 字节)"><span style="color: rgb(125,125,125)" class="text"><font
      lang="ZH-CN">　功能：实施对具有口令输入的元素的控制。</font></span></p>
      <p align="justify"><img src="javascript/Bullet1.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet1.gif" width="13" height="13"
      alt="Bullet1.gif (122 字节)"><span style="color: rgb(125,125,125)" class="text"><font
      lang="ZH-CN">　属性：</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Name:设定提交信息时的信息名称，对应HTML文档中password中的name。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中password中的Value。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">defaultvalu:默认值</font></span></p>
      <p align="justify"><img src="javascript/Bullet1.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet1.gif" width="13" height="13"
      alt="Bullet1.gif (122 字节)"><span style="color: rgb(125,125,125)" class="text"><font
      lang="ZH-CN">　方法</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">select():加亮输入口令域。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">blur():使这丢失passward输入焦点。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">focus():获得password输入焦点。</font></span></p>
      <p align="justify">　</p>
    </dir>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>９、submit提交元素</b></font></span></p>
    <dir>
      <p align="justify"><img src="javascript/Bullet1.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet1.gif" width="13" height="13"
      alt="Bullet1.gif (122 字节)"><span style="color: rgb(125,125,125)" class="text"><font
      lang="ZH-CN">　功能：实施对一个具有提交功能按钮的控制。</font></span></p>
      <p align="justify"><img src="javascript/Bullet1.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet1.gif" width="13" height="13"
      alt="Bullet1.gif (122 字节)"><span style="color: rgb(125,125,125)" class="text"><font
      lang="ZH-CN">　属性：</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">name:设定提交信息时的信息名称，对应HTML文档中submit。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中value。</font></span></p>
      <p align="justify"><img src="javascript/Bullet1.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet1.gif" width="13" height="13"
      alt="Bullet1.gif (122 字节)"><span style="color: rgb(125,125,125)" class="text"><font
      lang="ZH-CN">　方法</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">click()相当于按下submit按钮。</font></span></p>
      <p align="justify"><img src="javascript/Bullet1.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Bullet1.gif" width="13" height="13"
      alt="Bullet1.gif (122 字节)"><span style="color: rgb(125,125,125)" class="text"><font
      lang="ZH-CN">　事件：</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">onclick()当按下该按钮时，产生该事件。</font></span></p>
      <p align="justify">　</p>
    </dir>
    <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>三、范例</b></font></span><dir>
      <dir>
        <p><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">下面我们演示通过点击一个按钮（red）来改变窗口颜色，点击“调用动态按钮文档”调用一个动态按钮文档。</font></span></p>
        <pre><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">
</font><b>test8_1.htm
</b>&lt;html&gt;
&lt;head&gt;
&lt;Script Language=&quot;JavaScript&quot;&gt;
//<font
lang="ZH-CN">原来的颜色
</font>document.bgColor=&quot;blue&quot;;
document.vlinkColor=&quot;white&quot;;
document.linkColor=&quot;yellow&quot;;
document.alinkcolor=&quot;red&quot;;
//<font
lang="ZH-CN">动态改变颜色

</font>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
lang="ZH-CN">调用动态按钮文档</font>&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
lang="ZH-CN">输出结果见图</font>1<font lang="ZH-CN">所示。

</font><img
src="javascript/Image6.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Image6.gif" width="398" height="264" alt="Image6.gif (12606 字节)">
<font
lang="ZH-CN">
</font>                <font lang="ZH-CN">图</font>1

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

&lt;p align=&quot;center&quot;&gt;<font
lang="ZH-CN">　</font>&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
lang="ZH-CN">这里输入你要的内容</font>&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
lang="ZH-CN">　</font>&lt;/p&gt;

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

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

<font lang="ZH-CN">输出结果见图</font>2<font
lang="ZH-CN">所示。
</font></span><img src="javascript/Image5.gif" tppabs="http://www.4gee.com/colleges/homepages/javascript/Image5.gif" width="398" height="264"
alt="Image5.gif (12807 字节)"></pre>
        <dir>
          <dir>
            <dir>
              <dir>
                <dir>
                  <dir>
                    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">图2</font></span></p>
                    <p align="justify">　</p>
                  </dir>
                </dir>
              </dir>
            </dir>
          </dir>
        </dir>
      </dir>
    </dir>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">本讲介绍了使用JavaScript脚本实现Web页面信息交互的方法。其中主要介绍了窗体中的基本元素的主要功能和使用。</font></span></td>
  </tr>
</table>

<p align="center"><small><a href="JavaScript7.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript7.htm">上一页</a> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="JavaScript9.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript9.htm">下一页</a></small></p>
</body>
</html>