js里面windows.onload函数不执行

最新推荐文章于 2022-05-21 16:24:33 发布

weixin_34365417

最新推荐文章于 2022-05-21 16:24:33 发布

阅读量7k

点赞数 2

文章标签： javascript 开发工具 python ViewUI

原文链接：https://my.oschina.net/u/3908739/blog/1861999

版权

2019独角兽企业重金招聘Python工程师标准>>>

当我在script标签内写完window.οnlοad=function(){}函数时，但是在运行界面是并没有运行这个函数，此我便在网上找了一下，并总结了以下几种情况

只有一个函数window.οnlοad=functtion(){}

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <script src="./js/jquery-3.3.1.js"></script>
    <script type='text/javascript'>

        window.onload = function () {
            alert("页面加载完成====》onload");
        }

    </script>
</head>
<body>
     /***/
</body>
</html>

页面加载完毕之后完美运行此函数

在window.οnlοad=functtion(){}函数之外，body还有onload属性，并且属性值为"after()"

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <script src="./js/jquery-3.3.1.js"></script>
    <script type='text/javascript'>

        window.onload = function () {
            alert("页面加载完成====》onload");
        }

        function after() {
            alert("页面after====》onload");
        }
    </script>
</head>

     <body onload="after()">

</body>
</html>

此时只会执行body元素里面的onload属性对应的函数，不会去执行window.onload事件。所以，当指定了body的onload以后，window.onload就无效了

window.οnlοad=functtion(){}函数出现在body属性的后面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <script src="./js/jquery-3.3.1.js"></script>
    <script type='text/javascript'>

        function after() {
            alert("页面after====》onload");
        }
    </script>
</head>

     <body onload="after()">

</body>
  <script type='text/javascript'>

        window.onload = function () {
            alert("页面加载完成====》onload");
        }

    </script>
</html>

此时执行的函数就是window.onload事件对应的函数

关于执行顺序的小测试

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>   

<head>   
    <script type="text/javascript"> 
       alert('a');

       window.onload=function () {  
       alert('b');  
         } ;

       alert('c');
   </script> 
   </head>   
   <body onload="alert('d');">  

   </body>   

</html>

弹出层结果为：a、c、d

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>   

<head>   

   </head>   
   <body onload="alert('d');">  

   </body>   
     <script type="text/javascript"> 
       alert('a');

       window.onload=function () {  
       alert('b');  
         } ;

       alert('c');

   </script> 
</html>

弹出层结果为：a、c、b