【实例名称】
按钮获取焦点
【实例描述】
用户在注册时,需要阅读有关协议,并同意这些胁议才允许继续注册。为了简化用户的操作,通常将焦点默认在“同意”按钮上。本例学习如何在页面打开时,让按钮自动获取焦点。
【实例代码】
<script language="javascript"> function GetFocus() { document.form1.btnAgree.focus(); } </script>
需要在页面中,添加一个fom和两个按钮,注意按钮必须命名。在body的加载事件中调用”GetFocus”方法,代码如下所示:
<body onload="GetFocus()"> <form name="form1"> <input id="btnAgree" type="button" value="我同意"/> <input id="btnRefuse" type="button" value="我不同意"/> </form> </body>
【运行效果】
【难点剖析】
本例中使用了form,要获取焦点的控件必须在form内,且焦点必须具备“name”或“id”属性,用来获取控件的唯一的标识。方法“focus”用来为指定的控件获取焦点。
【源码下载】
本实例JS代码下载
……