js中有window.onload和中的onload屬性同時存在時
阿新 • • 發佈:2019-02-15
情況一,window.onload指定的function是匿名的,則只執行後者,且動作是後者的動作。如:
- <html>
- <head>
- <scripttype="text/javascript">
- alert('a');
- window.onload=function(){ //
- alert('b');
- }
- alert('c');
- </script>
-
</head>
- <bodyonload="alert('d');">
- </body>
- </html>
----顯示:acd
情況二,window.onload指定的function不是匿名的,則都會執行,前者先於後者。如:
- <html>
- <head>
- <scripttype="text/javascript"> alert('a');
- window.onload=fn(); // 後續指令碼不執行 function fn(){
- alert('b');
- } alert('c');
-
</
- </head>
- <bodyonload="alert('d');">
- </body>
- </html>
----依次顯示:abd
window.onload在<BODY>中
情況三,window.onload指定的function是匿名的,則只執行後者,但動作前者是前者的動作。如:
- <html>
- <head>
- </head>
- <bodyonload="alert('a');">
-
<scripttype
- alert('b');
- window.onload=function (){
- alert('c');
- }
- alert('d');
- </script>
- </body>
- </html>
----依次顯示:bdc
情況四,window.onload指定的function不是匿名的,則都會執行,前者優於後者。如:
- <html>
- <head>
- </head>
- <bodyonload="alert('a');">
- <scripttype="text/javascript"> alert('b');
- window.onload=fn(); // 後續指令碼未執行 alert('c');
- function fn(){
- alert('d');
- }
- </script>
- </body>
- </html>
----依次顯示:bda