老师，这里为什么要加window.onload
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onblur和onfocus</title>
<style type="text/css">
.red{
border:1px solid red;
}
</style>
</head>
<body>
姓名：<input type="text"> <span></span>
<script type="text/javascript">
window.onload=function(){
var name=document.getElementsByTagName("input")[0],
tip=document.getElementsByTagName("span")[0];
name.onfocus=function(){
tip.innerHTML="请输入您的姓名";
}
name.onblur=function(){
var content=this.value;
if(content.length==0){
tip.innerHTML="用户名不能为空";
name.className="red";
}
else{
tip.innerHTML="";
name.className="";
}
}
}
</script>
</body>
</html>
正在回答
因为window下面本身就有name属性，但是如果不添加window.onload，那么window自身的name属性就跟变量名name起了冲突，所以效果就不会实现。当添加了window.onload之后，页面加载完成，读取的就是标签，那么name指向的就是input这个标签，所以不添加window.onload的话，可以把name变量名更改一下，例如：name1，参考下图：
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星