在<body>里为什么也要加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 a=document.getElementsByTagName("input")[0],
            b=document.getElementsByTagName("span")[0];
        a.onfocus=function(){
            var aa=this.value;
          if (aa.length==0){
            b.innerHTML="请输入您的姓名";
            this.className="";
          }else{
            b.innerHTML="";
          };

        };
        a.onblur=function(){
          var aa=this.value;
          if (aa.length==0) {
            b.innerHTML="用户名不能为空";
            this.className="red";
          }else{
            b.innerHTML="";
            this.className="";
          };
        };
    };
</script>
</body>
</html>

这里我试着不加window.onload，但是JS不响应，这是为什么？

一只会跳桑巴的猪 2019-02-21

源自：JavaScript DOM事件 3-9 编程练习

收起

1回答

山河远阔ZZ 回答被采纳获得+3积分 2019-02-22 10:41:24

同学你好，经过测试，body里面不添加window.onload也是能够触发的哦。

效果图：

代码：

<body>
    姓名：<input type="text"> <span></span>
    <script type="text/javascript">
    var a = document.getElementsByTagName("input")[0],
        b = document.getElementsByTagName("span")[0];
    a.onfocus = function() {
        var aa = this.value;
        if (aa.length == 0) {
            b.innerHTML = "请输入您的姓名";
            this.className = "";
        } else {
            b.innerHTML = "";
        };

    };
    a.onblur = function() {
        var aa = this.value;
        if (aa.length == 0) {
            b.innerHTML = "用户名不能为空";
            this.className = "red";
        } else {
            b.innerHTML = "";
            this.className = "";
        };
    };
    </script>
</body>

可以测试一下，如果帮助到了你，欢迎采纳。

祝学习愉快！

收起回答