首页 > 代码库 > JS之ONLoad事件

JS之ONLoad事件

2024-07-11 16:59:27   222人阅读

如果我问你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();}这种形式。

 


联系
我们