慕课网js进阶篇8-17编程练习

最新推荐文章于 2024-10-16 17:24:41 发布

闭关学习中

最新推荐文章于 2024-10-16 17:24:41 发布

阅读量119

点赞数

分类专栏： js学习文章标签： javascript

本文链接：https://blog.csdn.net/weixin_48729092/article/details/118420158

版权

js学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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>