📄 js8.htm
字号:
<P><FONT size=2>
功能：实施对Button按钮的控制。<BR> 属性：<BR>
Name:设定提交信息时的信息名称，对应文档中button的Name。<BR>
Value:用以设定出现在窗口中对应HTML文档中Value的信息。<BR>
方法：<BR>
click()该方法类似于一个按下的按钮。<BR>
事件：<BR>
onclick当单击button按钮时，产生该事件。<BR>
例：<BR> <Form
name="test"><BR> <input type="button"
name="testcall" onclick=tmyest()><BR>
</form><BR> ...<BR>
<script language="javascirpt"><BR>
document.elements[0].value="mytest"; //通过元素访问<BR>
或 <BR> document.testcallvalue="mytest"; //
通过名字访问<BR> </script> <BR>
.....</FONT>
<P><FONT size=2>5.checkbox检查框</FONT>
<P><FONT size=2>
功能：实施对一个具有复选框中元素的控制。<BR> 属性：<BR>
name:设定提交信息时的信息名称。<BR>
Value:用以设定出现在窗口中对应HTML文档中Value的信息。<BR>
Checked:该属性指明框的状态true/false.<BR>
defauitchecked:默认状态<BR> 方法：<BR>
click()该方法使得框的某一个项被选中。<BR>
事件：<BR> onclick:当框的选被选中时，产生该事件。</FONT>
<P><FONT size=2>6.radio无线按钮</FONT>
<P><FONT size=2>
功能：实施对一个具单选功能的无线按钮控制。<BR>
属性：<BR>
name:设定提交信息时的信息名称，对应HTML文档中的radio的name相同<BR>
value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中的radio的name。<BR>
length:单选按钮中的按钮数目。<BR>
defalechecked:默认按钮。<BR>
checked:指明选中还是没有选中。<BR>
index:选中的按钮的位置。<BR> 方法：<BR>
chick():选定一个按钮。<BR> 事件：<BR>
onclick:单击按钮时，产生该事件。</FONT>
<P><FONT size=2>7.hidden:隐藏</FONT>
<P><FONT size=2>
功能：实施对一个具有不显示文字并能输入字符的区域元素的控制。<BR>
属性：<BR>
name:设定提交信息时的信息名称，对应HTML文档的hidden中的Name。<BR>
Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档hidden中的value。<BR>
defaleitvalue:默认值</FONT>
<P><FONT size=2>8.Password口令</FONT>
<P><FONT size=2>
功能：实施对具有口令输入的元素的控制。<BR> 属性：<BR>
Name:设定提交信息时的信息名称，对应HTML文档中password中的name。<BR>
Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中password中的Value。<BR>
defaultvalu:默认值<BR> 方法<BR>
select():加亮输入口令域。<BR>
blur():使这丢失passward输入焦点。<BR>
focus():获得password输入焦点。</FONT>
<P><FONT size=2>9.submit提交元素</FONT>
<P><FONT size=2>
功能：实施对一个具有提交功能按钮的控制。<BR> 属性：<BR>
name:设定提交信息时的信息名称，对应HTML文档中submit。<BR>
Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中value。<BR>
方法<BR> click()相当于按下submit按钮。<BR>
事件：<BR> onclick()当按下该按钮时，产生该事件。</FONT>
<P><FONT size=2>三、范例</FONT>
<P><FONT size=2>
下面我们演示通过点击一个按钮（red）来改变窗口颜色，点击“调用动态按钮文档”调用一个动态按钮文档。<BR>
test8_1.htm<BR> <html><BR>
<head><BR> <Script
Language="JavaScript"><BR>
//原来的颜色<BR>
document.bgColor="green";<BR>
document.vlinkColor="white";<BR>
document.linkColor="yellow";<BR>
document.alinkcolor="red";<BR>
//动态改变的颜色<BR> function
changecolor(){<BR>
document.bgColor="red";<BR>
document.vlinkColor="blue";<BR>
document.linkColor="yellow";<BR>
document.alinkcolor="blue";<BR>
}<BR> </script><BR>
</head><BR> <body bgColor="White"
><BR> <A href="test8_2.htm">next
page</a><BR> <form
><BR> <Input type="button" Value="red"
onClick="changecolor()"><BR>
</form><BR>
</body><BR> </html></FONT>
<P align=center><IMG height=328 src="js8.files/image7.jpg" width=423
border=0>
<P><FONT size=2> test8_2.htm<BR>
<HTML><BR>
<HEAD><BR>
</HEAD><BR> <p
align="center"> </p><BR> <div
align="center"><center><BR> <table
border="0" cellspacing="0" cellpadding="0"><BR>
<tr><BR> <td width="100%"><form
name="form2" onSubmit="null"><BR>
<p><input type="submit" name="banner"
VALUE="Submit"<BR>
onClick="alert('这是一个动态按扭的例子')"> <br><BR>
<script language="JavaScript"><BR> var
id,pause=0,position=0;<BR> function banner()
{<BR> // variables
declaration<BR> var i,k,msg="这里输入你要的内容";//
increase msg<BR>
k=(30/msg.length)+1;<BR> for(i=0;i<=k;i++)
msg+=" "+msg;<BR> // show it to the
window<BR>
document.form2.banner.value=msg.substring(position,position-30);<BR>
// set new position<BR> if(position++==msg.length)
position=0;<BR> // repeat at entered speed
<BR> id=setTimeout("banner()",180);
}<BR> // end --><BR>
banner();<BR>
</script></p><BR>
</form><BR>
</td><BR> </tr><BR>
</table><BR>
</center></div><BR>
<p> </p><BR>
<BODY><BR> <A
href="test8_1.htm">返回</a><BR>
</BODY><BR> </HTML></FONT>
<P align=center><IMG height=326 src="js8.files/image8.jpg" width=420
border=0>
<P class=MsoNormal style="TEXT-INDENT: 21pt"><SPAN
style="FONT-FAMILY: 宋体"><FONT size=2>本讲介绍了使用<SPAN
lang=EN-US>JavaScript</SPAN>脚本实现<SPAN
lang=EN-US>Web</SPAN>页面信息交互的方法。其中主要介绍了窗体中的基本元素的主要功能和使用。</FONT></SPAN></P></TD></TR>
<TR>
<TD>
<P align=right>
<P align=right><FONT size=2><A
href="http://www.pinluo.com/book/javascript/js7.htm">上一页</A>
<A
href="http://www.pinluo.com/book/javascript/js9.htm">下一页</A></FONT></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -