zoukankan      html  css  js  c++  java
  • window.onload的使用心得

    如果我问你window.onload是什么意思,恐怕你会回答我:“这不是页面加载完就执行吗”。 
    但是答案是不一定,得看你怎么用。看一下例子吧 
    例1: 
    代码如下: 
     
    <!DOCTYPE HTML> 
    <html> 
    <head> 
    <title></title> 
    <script type="text/javascript"> 
    function ShowMessage() 

    alert("true"); 

    window.onload=ShowMessage(); 
    </script> 
    </head> 
    <body> 
    当你看到true时看不到我 
    </body> 
    </html> 

    当你看到true的弹出框的时候,你肯定没有看到“当你看到true时看不到我”,说明页面还没有载入完就已经开始执行js了。 
    例2 
    代码如下:

    <!DOCTYPE HTML> 
    <html> 
    <head> 
    <title></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();}这种形式。
     
    参考:脚本之家
  • 相关阅读:
    JavaWeb笔记
    Session案例_登录注销
    会话
    Cookie入门
    jsp入门
    if else优化
    cheap-source-map--不显示源码 、source-map--显示源码 、 eval--最快的编译办法
    npm run dev 克隆报错
    $emit和$on的用法
    npm
  • 原文地址:https://www.cnblogs.com/weiyz/p/7112842.html
Copyright © 2011-2022 走看看