需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('input').focus()。
3、浏览器运行index.html页面，此时页面一载入，这个input就是聚焦的状态。
这涉及到javascript中的语言知识了，使用的是if判断来进行的，我这里有个副本<script>
window.onload=function ()
{
var odiv=document.getElementById('div1')
var obtn1=document.getElementById('btn1')
var obtn2=document.getElementById('btn2')
var obtn3=document.getElementById('btn3')
var ach=odiv.getElementsByTagName('input')
obtn1.onclick=function ()
{
for(var i=0i<ach.lengthi++)
{
ach[i].checked=true
}
}
obtn2.onclick=function ()
{
for(var i=0i<ach.lengthi++)
{
ach[i].checked=false
}
}
obtn3.onclick=function ()
{
for(var i=0i<ach.lengthi++)
{ if(ach[i].checked==true)
{
ach[i].checked=false
}
else{
ach[i].checked=true
}
}
}
}
</script>
<body>
<input id="btn1" type="button" value="全选"/>
<input id="btn2" type="button" value="不选"/>
<input id="btn3" type="button" value="反选"/>
<div id="div1">
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
</div>
</body>
方法有两种如下：
一、 格式<body onload=document.formname.textname.focus()>
formname为表单名称，后面接着的textname 是文本框的名称。
示例：
<html>
<head></head>
<body onLoad="document.user.username.focus()" >
<form name="user" action="">
<input type="text" name="username">
</form>
</body>
</html>
这个方法比较简单，推荐使用。
二、使用JavaScript，相对麻烦
<html>
<head></head>
<body >
<input type="text" id="name"><!--设置文本输入框的id为name-->
<script language="javascript">
document.getElementById('name').focus()
<!--设置id为name的元素得到焦点-->
</script>
</body>
</html>
注意：要使上面两种方法有效需要允许浏览器执行ActiveX脚本。
javaweb的项目过程中，在输入信息的时候，将输入框默认获得焦点指令：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）