慕课网js进阶篇8-17编程练习
window对象是BOM的核心,window对象指当前的浏览器窗口。
window对象方法:
任务:
制作一个跳转提示页面:
要求:
1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。
2. 如果点击“返回”按钮则返回前一个页面。
效果:
注意: 在窗口中运行该程序时,该窗口一定要有历史浏览记录,否则"返回"无效果。
代码:
<!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> </head> <body> <!--先编写好网页布局--> <h1>操作成功</h1> <br/> <p> <span id=time>5</span>秒后回到主页 <a href="#" onclick="window.history.back()">返回</a> </p> <script type="text/javascript"> //获取显示秒数的元素,通过定时器来更改秒数。 var t = document.getElementById(time); var i =5; function changetime(){ if(i==0){ window.history.back(); }else{ t.innerHTML=i; i--;} } var j = setInterval(changetime,1000); //通过window的location和history对象来控制网页的跳转。 </script> </body> </html>