8-17 编程练习
本节编程练习不计算学习进度,请电脑登录imooc.com操作

编程练习

制作一个跳转提示页面:

要求:

1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。

2. 如果点击“返回”按钮则返回前一个页面。

效果:

注意: 在窗口中运行该程序时,该窗口一定要有历史浏览记录,否则"返回"无效果。

任务

第一步: 先编写好网页布局,如下:

   

第二步: 获取显示秒数的元素,通过定时器来更改秒数。

第三步: 通过window的location和history对象来控制网页的跳转。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>浏览器对象</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
  6. </head>
  7. <body>
  8. <!--先编写好网页布局-->
  9.  
  10.  
  11.  
  12. <script type="text/javascript">
  13.  
  14. //获取显示秒数的元素,通过定时器来更改秒数。
  15.  
  16. //通过window的location和history对象来控制网页的跳转。
  17.  
  18. </script>
  19. </body>
  20. </html>
下一节