javascript8.htm

JavaScript教程 第一页：Javascript教程 第二页：课程简介 第三页：实际应用 第四页：隐藏JavaScript 第五页：第一天复习

    is a Javascript&quot;;</font></span></p>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">document.mytest.select();</font></span></p>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">document.mytest.blur(); 
    </font></span></p>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/script&gt;</font></span></p>
    <p align="justify">　</p>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>２、textarea多行多列输入元素</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">　功能：实施对Textarea中的元素进行控制。</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>
      <dir>
        <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">name：设定提交信息时的信息名称，对应HTML文档Textarea的Name。</font></span></p>
        <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Value：用以设定出现在窗口中对应HTML文档中Value的信息。</font></span></p>
        <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Default 
        value：元素的默认值。</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>
      <dir>
        <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">blur()：将输入焦点失去</font></span></p>
        <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">select()：将文字加亮后</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>
      <dir>
        <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">onBlur:当失去输入焦点后产生该事件</font></span></p>
        <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">onFocus:当输入获得焦点后，产生该文件</font></span></p>
        <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Onchange:当文字值改变时，产生该事件</font></span></p>
        <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Onselect:当文字加亮后，产生该文件</font></span></p>
        <p align="justify">　</p>
      </dir>
    </dir>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>３、Select选择元素</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:设定提交信息时的信息名称，对应文档select中的name。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Length:对应文档select中的length</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">options:组成多个选项的数组</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">selectIndex;该下标指明一个选项</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">Text:选项对应的文字</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">selected:指明当前选项是否被选中</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Index:指明当前选项的位置</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">defaultselected:默认选项</font></span></p>
      <p align="justify">　</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">OnBlur：当select选项失去焦点时，产生该文件。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">onFocas:当select获得焦点时，产生该文件。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Onchange:选项状态改变后，产生该事件。</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>４、Button按钮</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">　功能：实施对Button按钮的控制。</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:设定提交信息时的信息名称，对应文档中button的Name。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">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()该方法类似于一个按下的按钮。</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当单击button按钮时，产生该事件。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">例 
      ： </font></span></p>
    </dir>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;Form 
    name=&quot;test&quot;&gt;</font></span></p>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;input 
    type=&quot;button&quot; name=&quot;testcall&quot; onclick=tmyest()&gt;</font></span></p>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/form&gt;</font></span></p>
    <p align="justify"><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">&lt;script 
    language=&quot;javascirpt&quot;&gt;</font></span></p>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">document.elements[0].value=&quot;mytest&quot;; 
    //通过元素访问</font></span></p>
    <p align="justify"><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">document.testcallvalue=&quot;mytest&quot;; 
    // 通过名字访问</font></span></p>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">&lt;/script&gt; 
    </font></span></p>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">.....</font></span></p>
    <p align="justify">　</p>
    <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>５、checkbox检查框</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:设定提交信息时的信息名称。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Value:用以设定出现在窗口中对应HTML文档中Value的信息。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Checked:该属性指明框的状态true/false.</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">defauitchecked:默认状态</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()该方法使得框的某一个项被选中。</font></span></p>
      <p><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 align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>６、radio无线按钮</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文档中的radio的name相同</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中的radio的name。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">length:单选按钮中的按钮数目。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">defalechecked:默认按钮。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">checked:指明选中还是没有选中。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">index:选中的按钮的位置。</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">chick():选定一个按钮。</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 align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN"><b>７、hidden:隐藏</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文档的hidden中的Name。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档hidden中的value。</font></span></p>
      <p align="justify"><span style="color: rgb(125,125,125)" class="text"><font lang="ZH-CN">defaleitvalue:默认值</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>８、Password口令</b></font></span></p>
    <dir>