⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 js精华.htm

📁 用于自动生成javascirpt（类似.net中的验证控件）
💻 HTM
📖 第 1 页 / 共 2 页
字号:
🔍
12 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Javascript精华</title>
<style>
<!--
 table.MsoNormalTable
	{mso-style-parent:"";
	font-size:10.0pt;
	font-family:"Times New Roman"
	}
-->
</style>
</head>

<body>
<div id=hello1 style=position:absolute>太过分了！吃饭不叫我</div>
<SCRIPT for=document EVENT=onmousemove>
document_onmousemove();
function document_onmousemove() { 
  hello1.style.left=event.x+10;
  hello1.style.top=event.y+10;
}
</SCRIPT>
<table class="MsoNormalTable" style="width: 100%; border-collapse: collapse; border: medium none" height="281" cellSpacing="0" cellPadding="0" border="1">
  <tr style="height: 14.25pt">
    <td style="width: 37%; height: 22px; font-family: 宋体; font-size: 12px; line-: 15px; border: 1pt inset #111111; padding: 0.75pt" vAlign="top">
    <p class="MsoNormal"><span lang="EN-US">
    TextBox&nbsp;
    <input name="T1" style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000" size="20"></span></p>
    </td>
    <td style="width: 62%; height: 22px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: 1pt inset #111111; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top" colspan="2">
    <p class="MsoNormal"><span style="font-family: 宋体">控件名</span><span lang="EN-US">.value</span></p>
    </td>
  </tr>
  <tr style="height: 42pt">
    <td style="width: 37%; height: 1px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
    <p class="MsoNormal"><span lang="EN-US">
    TextArea
    <textarea name="S1" rows="2" style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000" cols="18"></textarea></span></p>
    </td>
    <td style="width: 62%; height: 1px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top" colspan="2">
    <span style="font-family: 宋体">控件名</span><span lang="EN-US">.value</span></td>
  </tr>
  <tr style="height: 15pt">
    <td style="width: 37%; height: 80px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
    <p class="MsoNormal"><span lang="EN-US">
    Radio
    <input type="radio" CHECKED value="V4" name="R1" style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000"><input type="radio" value="V2" name="R1" style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000"><input type="radio" value="V3" name="R1" style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000"></span></p>
    </td>
    <td style="width: 28%; height: 80px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
    <p class="MsoNormal" style="layout-grid-mode: char">
    <span style="font-family: 宋体">控件名</span><span lang="EN-US">[i].checked&nbsp;&nbsp;&nbsp; 
    .value <br>
　</span></p>
    <p class="MsoNormal" style="layout-grid-mode: char">
    　    <input type="radio" CHECKED value="V4" name="R11">V4&nbsp; &nbsp;
    <input type="radio" value="V2" name="R11">V2&nbsp;&nbsp;
    <input type="radio" value="V3" name="R11">V3&nbsp;&nbsp; 
    <input type="button" value="test" name="B1" LANGUAGE="vbscript" onclick="checkme()">
    <script LANGUAGE="vbscript">
<!--
function checkme() 
   for each ob in R11     
     if ob.checked then         
       window.alert ob.value
     end if 
   next
end function
-->
    </script></p>
    </td>
    <td style="width: 96%; height: 80px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
    <span lang="EN-US">VB脚本<br>
    function checkme() <br>
&nbsp; for each ob in R11 <br>
&nbsp;&nbsp;&nbsp; if ob.checked then <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; window.alert ob.value<br>
&nbsp;&nbsp;&nbsp; end if <br>
&nbsp;&nbsp; next<br>
    end function</span></td>
  </tr>
  <tr style="height: 15pt">
    <td style="width: 37%; height: 10px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
    <p class="MsoNormal"><span lang="EN-US">
    CheckBox
    <input type="checkbox" value="ON" name="C1" style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000"></span></p>
    </td>
    <td style="width: 62%; height: 10px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top" colspan="2">
    <p class="MsoNormal"><span style="font-family: 宋体">控件名</span><span lang="EN-US">.checked&nbsp;&nbsp;&nbsp; 
    .value</span></p>
    </td>
  </tr>
  <tr style="height: 42pt">
    <td style="width: 37%; height: 96; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
    <p class="MsoNormal"><span lang="EN-US">
    <select name="ExpList" style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    <option selected style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    Select 1</option>
    <option style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    Select 3</option>
    <option style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    Select 2</option>
    </select><select size="5" name="ExpList" style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    <option selected style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    Select 1</option>
    <option style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    Select 2</option>
    <option style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    Select 3</option>
    <option style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    Select 4</option>
    </select><select multiple size="5" name="ExpList" style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    <option selected style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    Select 1</option>
    <option style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    Select 2</option>
    <option selected style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    Select 3</option>
    <option style="font-family: Tahoma,Verdana,宋体; font-size: 12px; line-: 15px; color: #000000">
    Select 4</option>
    </select><br>
&nbsp;<br>
&nbsp;&nbsp; </span><span style="font-family: 宋体">单行</span><span lang="EN-US">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </span><span style="font-family: 宋体">多行</span><span lang="EN-US">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </span><span style="font-family: 宋体">多选</span></p>
    </td>
    <td style="width: 62%; height: 96; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top" colspan="2">
    <table class="MsoNormalTable" style="width: 100%; border-collapse: collapse; border: medium none" cellSpacing="0" cellPadding="0" border="1">
      <tr style="height: 0.75pt">
        <td style="width: 20%; height: 0.75pt; font-family: 宋体; font-size: 12px; line-: 15px; border: 1pt inset #111111; padding: 0.75pt" vAlign="top">
        <p class="MsoNormal"><span style="font-family: 宋体">添加选项</span></p>
        </td>
        <td style="width: 53%; height: 0.75pt; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: 1pt inset #111111; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
        <p class="MsoNormal"><span lang="EN-US">ExpList.add(new Option(&quot;New Option&quot;,&quot;3&quot;));</span></p>
        </td>
      </tr>
      <tr style="height: 12pt">
        <td style="width: 20%; height: 12pt; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
        <p class="MsoNormal"><span style="font-family: 宋体">删除选项</span></p>
        </td>
        <td style="width: 53%; height: 12pt; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
        <p class="MsoNormal"><span lang="EN-US">ExpList.remove(ExpList.selectedIndex);
        </span></p>
        </td>
      </tr>
      <tr style="height: 12pt">
        <td style="width: 20%; height: 12pt; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
        <p class="MsoNormal"><span style="font-family: 宋体">设置当前选项位置</span></p>
        </td>
        <td style="width: 53%; height: 12pt; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
        <p class="MsoNormal"><span lang="EN-US">ExpList.selectedIndex=ExpList.length-1;</span></p>
        </td>
      </tr>
      <tr style="height: 16.5pt">
        <td style="width: 20%; height: 16.5pt; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
        <p class="MsoNormal"><span style="font-family: 宋体">循环整个选项</span><span lang="EN-US"><br>
        </span><span style="font-family: 宋体">并判断是否被选择</span></p>
        </td>
        <td style="width: 53%; height: 16.5pt; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
        <p class="MsoNormal"><span lang="EN-US">for(i=0;i&lt;ExpList.options.length;i++) 
        {<br>
&nbsp; if(ExpList.options[i].selected){<br>
&nbsp;&nbsp;&nbsp;&nbsp; //ExpList.options[i].text; <br>
&nbsp;&nbsp;&nbsp;&nbsp; //ExpList.options[i].value; <br>
&nbsp; }<br>
        }</span></p>
        </td>
      </tr>
      <tr style="height: 0.75pt">
        <td style="width: 20%; height: 0.75pt; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
        <p class="MsoNormal"><span style="font-family: 宋体">单个选项的值</span></p>
        </td>
        <td style="width: 53%; height: 0.75pt; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
        <span lang="EN-US">ExpList.options[i].text; <br>
        ExpList.options[i].value;</span></td>
      </tr>
      <tr style="height: 0.75pt">
        <td style="width: 20%; height: 0.75pt; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
        例子</td>
        <td style="width: 53%; height: 0.75pt; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top"><form name="frmDefinePriForm" method="post"> 　 
      <table style="BORDER-COLLAPSE: collapse" borderColor="#111111" cellSpacing="0" cellPadding="0" width="56%" border="0">
12

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -