js中有window.onload和<BODY>中的onload属性同时存在时

转自于http://topic.csdn.net/u/20100608/14/aa805ed6-0820-47c7-b866-6dd93d90ea67.html (10楼)

情况一,window.onload指定的function是匿名的,则只执行后者,且动作是后者的动作。如:

<html>
        <head>
        <script type="text/javascript">
        alert('a');
        window.οnlοad=function(){    // 
            alert('b');
        }
        alert('c');
        </script>
        </head>
        <body οnlοad="alert('d');">
        </body>
  </html>

----显示:acd
情况二,window.onload指定的function不是匿名的,则都会执行,前者先于后者。如:

<html> 
<head> 
<script type="text/javascript"> alert('a');
window.οnlοad=fn(); // 后续脚本不执行 function fn(){
 alert('b');
} alert('c');
 </script> 
</head> 

 <body οnlοad="alert('d');">
 </body> 
</html>

----依次显示:abd
window.onload在<BODY>中
情况三,window.onload指定的function是匿名的,则只执行后者,但动作前者是前者的动作。如:

<html>
        <head>
        </head>
        <body οnlοad="alert('a');">
        <script type="text/javascript">
        alert('b');
        window.οnlοad=function (){    
            alert('c');
        }
        alert('d');
        </script>
        </body>
</html>

----依次显示:bdc
情况四,window.onload指定的function不是匿名的,则都会执行,前者优于后者。如:

<html> 
<head> 
</head> 
<body οnlοad="alert('a');"> 
<script type="text/javascript"> alert('b');
window.οnlοad=fn(); // 后续脚本未执行 alert('c'); 
function fn(){ 
alert('d'); 
}
 </script> 
</body> 
</html>

----依次显示:bda


  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这段代码有一些问题,我来逐个指出并提供改进的方案: 1. 没有为表单元素设置name属性,导致表单提交无法获取表单数据。因此,需要给每一个表单元素都设置name属性,例如: ```html <input type="text" name="name"> ``` 2. 在性别选项,使用了一个嵌套的form元素,这是不合法的HTML结构。应该将性别选项用label元素包裹,并为每个选项设置id属性,然后在label元素使用for属性指向该选项的id,例如: ```html <label for="male"><input type="radio" id="male" name="gender" value="男">男</label> <label for="female"><input type="radio" id="female" name="gender" value="女">女</label> ``` 3. select元素没有设置name属性,也无法选择默认选项。应该给select元素设置name属性,并在其加入一个默认选项(可以使用disabled和selected属性来禁止该选项被选),例如: ```html <select name="language"> <option disabled selected>请选择语言</option> <option>HTML</option> <option>CSS</option> <option>jquery</option> <option>javascript</option> <option>vue.js</option> </select> ``` 4. input元素的id属性应该为小写字母。 下面是改进后的代码: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>信息填写</title> <script> window.onload = function() { var oBtn = document.getElementById("btn"); oBtn.onclick = function () { alert("提交成功"); }; } </script> </head> <body> <h1>信息填写</h1> <form method="post"> 姓名:<input type="text" name="name"><br> <br> 账号:<input type="text" name="account"><br> <br> 密码:<input type="password" name="password"><br> <br> <label for="male"><input type="radio" id="male" name="gender" value="男">男</label> <label for="female"><input type="radio" id="female" name="gender" value="女">女</label><br> <br> <select name="language"> <option disabled selected>请选择语言</option> <option>HTML</option> <option>CSS</option> <option>jquery</option> <option>javascript</option> <option>vue.js</option> </select><br> <br> <input id="btn" type="button" value="提交"> </form> </body> </html> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值