window.load事件
在页面或图像加载后发生
代码示例:
1 <!doctype html> 2 <html> 3 <head> 4 <title>window.onload示例</title> 5 <script type="text/javascript"> 6 window.onload = function(){ 7 alert('页面加载完成'); 8 } 9 alert('页面尚未加载完成,页面内容不显示'); 10 </script> 11 </head> 12 <body> 13 页面内容 14 </body> 15 </html>
对于此网页展示:
首先,刚进入网页后会弹出一个窗口:
先执行 alert('页面尚未加载完成,页面内容不显示');
如下所示:
接着当你按下确定键后继续显示‘页面加载完成’的提示:
如下所示:
最后,按下确定键后才能显示页面内容
如下所示: