JS进阶篇 8-17练习（网页跳转和返回）的问题-慕课网

首页课程实战体系课手记专栏慕课教程

JS进阶篇 8-17练习（网页跳转和返回）的问题

来源：8-17 编程练习

飞儿1981

2016-12-22 16:45

要求：

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

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

问题是：先不说有没有返回，反正跳转是没有实现。这个自己码的和标准答案差不多，请大神指正。

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
  <!--先编写好网页布局-->
  <h4>操作成功</h4>
  <p>
  <b id="second">5</b>秒后回到主页&nbsp;<a href="javascript:GoBack()">返回</a>
  </p>
 
  <script type="text/javascript">  
 var s=document.getElementById("second");
 var t=setInterval("clock()",1000);
 function clock(){
     for(var i=5;i>=0;i--){
         s.innerHTML=i;
         if(i==0){window.location.href="http://www.imooc.com/";}
     }
   //获取显示秒数的元素，通过定时器来更改秒数。
function GoBack(){
    window.history.back();
}
   //通过window的location和history对象来控制网页的跳转。
   
 </script> 
</body>
</html>

写回答关注

2回答

myjavac

2016-12-23 19:17:17

已采纳

clock()函数少了一个 }

1 0

飞儿1981

谢谢提醒，不过还有个错误，时间5秒经历一次interval直接跳到了0，因为在clock函数for循环作用下只经历了一次计时器，直接从5变到0，改正方法可以将clock函数如下定义： function clock(){ i--; s.innerHTML=i; if(i==0){window.location.href="http://www.imooc.com/";} } 并且在外面赋值var i=5;

2016-12-28 16:03:27

共 1 条回复 >
6HaHa

2016-12-22 19:32:08

title没有打引号

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题

js 8-17练习（网页跳转和返回）

回答 4

JS进阶8-17编程问题

回答 1

js进阶篇9-22的问题

回答 2

JavaScript进阶篇3-8 里面的任务和练习是不是有问题啊

回答 3

js进阶篇9-22练习有一个问题麻烦各位

回答 1

打开慕课网App查看更多内容