• js之onload事件


    说明:测试浏浏览器FF3.5.2、Chrome3.0、safar 4.0.3、opera10.10、IE7
     
      如果我问你window.load和window.onload分别是什么意思,恐怕你会回答我:“这不是页面加载完就执行吗”。
     
      但是答案是不一定,得看你怎么用。看一下例子吧
     
    例1:
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
     
    <html>
    <head>
    <title>Untitled</title>
    <script type="text/javascript">
    function ShowMessage()
    {
    alert("true");
    }
    window.onload=ShowMessage();
     
    </script>
    </head>
     
    <body>
     
     
    当你看到true时看不到我
     
    </body>
    </html>
    当你看到true的弹出框的时候,你肯定没有看到“当你看到true时看不到我”,说明页面还没有载入完就已经开始执行js了。
     
    例2
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
     
    <html>
    <head>
    <title>Untitled</title>
    <script type="text/javascript">
    function ShowMessage()
    {
    alert("true");
    }
    window.onload=function(){ShowMessage();}
     
    </script>
    </head>
     
    <body>
     
     
    你看到true时就看到我了
     
    </body>
    </html>
     
    当你看到true的弹出框的时候,你也会看到“你看到true时就看到我了”,这个才是真正的页面载入完才触发。
     
    PS:推荐像onload事件之类的使用匿名函数执行,即window.onload=function(){ShowMessage();}这种形式。
  • 相关阅读:
    《图像处理实例》 之 Voronoi 图
    《图像处理实例》 之 Voronoi 图
    《图像处理实例》 之 Voronoi 图
    Docker 1.13.0 详细更新日志
    Docker 1.13.0 详细更新日志
    Docker 1.13.0 详细更新日志
    Docker 1.13.0 详细更新日志
    Ubuntu上安装VMware tools
    Ubuntu上安装VMware tools
    Casper CBC 简要说明
  • 原文地址:https://www.cnblogs.com/anuoruibo/p/2871963.html
Copyright © 2020-2023  润新知