如果我问你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();}这种形式。
JS之ONLoad事件
时间: 2024-10-12 03:20:31