快捷搜索: 王者荣耀 脱发

慕课网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>
经验分享 程序员 微信小程序 职场和发展