8.htm

javascript book

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