javaScriptDay3

来源：互联网发布：淘宝网app衣服编辑：程序博客网时间：2024/04/29 10:17

先上图

<html type="UTF-8">
<head>
<script language="JavaScript" type="text/javascript">
function window_onLoad()
{
   var memberForms = window.document.forms.length;
   var formIndex;
   for(formIndex=0;formIndex<memberForms;formIndex++)
   {
       //window.document.write(window.document.forms[formIndex].name);
       alert(document.forms[formIndex].name);

   }
   var index;
   
   for(index in document.forms)
   {
       //alert(window.document.forms[index].name);
       //document.write("lkjojiojoij");
       //document.write("\n forms["+index+"] = "+document.forms[index].name);
   }
   var numberOfClick = 0;
   function myButton_onclick()
   {
       numberOfClick++;
       window.document.form2.myButton.value="点击次数"+numberOfClick;
   }
   function myButton_onmouseup()
   {
       document.form2.myButton.value = "鼠左抬起";
   }
   function myButton_onmousedown()
   {
       document.form2.myButton.value = "鼠左按下";
   }
}
</script>
</head>

<body language="JavaScript" type="text/javascript" onload="window_onLoad()">
<form name="form1">
<p>这是表单1</p>
表单1&nbsp<input name=myTextBox1" type="text" value="输入无限制">
</form>
<form name="form2">
<p>这是表单2</p>
表单2&nbsp<input name="myTextBox2" type="text" value="默认字符" size=10 maxlength=15>
&nbsp&nbsp<input type="button" name="myButton" value="确定" onclick="myButton_onclick()" onmouseup="myButton_onmouseup()" onmousedown="myButton_onmousedown()">
<p>
<input type="submit" name="submit" value="提交"><br>
<input type="reset" name="reset" value="取消">
</p>
</form>
<p>这是表单3</p>
<form name="form3">
表单3&nbsp<input name=myTextBox3" type="text" value="不可输入，只能读"
onfocus="window.document.form1.txtReadonly.blur()"
READONLY="true"><br>
</form>
</body>

</html>

0 0