6-9 加载事件(onload)
本节编程练习不计算学习进度,请电脑登录imooc.com操作

加载事件(onload)

事件会在页面加载完成后,立即发生,同时执行被调用的程序。
注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。

      2. 此节的加载页面,可理解为打开一个新页面时。
如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…”。

运行结果:

任务

补充右边编辑器第11行,实现加载页面时,弹出对话框“加载中,请稍等…”。

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title> 加载事件 </title>
  6. <script type="text/javascript">
  7. function message(){
  8. alert("加载中,请稍等…"); }
  9. </script>
  10. </head>
  11. <body>
  12. 欢迎学习JavaScript。
  13. </body>
  14. </html>
下一节