zoukankan      html  css  js  c++  java
  • 【DOM编程艺术】window.onload的工作机制

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>window.onload研究</title>
    </head>
    
    <body>
    <script type="text/javascript">
    window.onload=firstFunction;
    window.onload=secondFunction;
    function firstFunction(){
       alert('我是第一个函数');
    }
    function secondFunction(){
       alert('我是第二个函数');
    }
    </script>
    </body>
    </html>

    结果会弹出窗口      我是第二个函数!!!!

    *****  他们当中只有最后那个才会被执行

    要想两个都执行,可以先创建一个匿名函数来容纳这两个函数,然后把这个匿名函数绑定到onload事件上,如下所示:

    <script type="text/javascript">
    window.onload=function(){     
        firstFunction();
        secondFunction();
    }
    function firstFunction(){
       alert('我是第一个函数');
    }
    function secondFunction(){
       alert('我是第二个函数');
    }
    </script>

    它确实能很好的工作-----在需要绑定的函数不是很多的场合,这应该是最简单的解决方案了

  • 相关阅读:
    Bootstrap 4 网格的基本结构
    Js 框架之Vue .JS学习记录 ① 与Vue 初识
    ASP.NET 发送邮件 SMTP
    c# 多线程简化
    ASP.NET Razor
    ASP.NET MVC 简单介绍①
    握手7
    握手6
    握手5
    握手4
  • 原文地址:https://www.cnblogs.com/positive/p/3662424.html
Copyright © 2011-2022 走看看