                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

请问这段代码哪里有问题呢？谢谢啦

<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<p>
      <h3>操作成功</h3>
</p>
<p><b id="clock">5</b>秒后回到主页<a herf="javascript:goBack();">&nbsp返回</a></p>
<script type="text/javascript">
   var num=5;
function clock(){
   num--;
   var num=document.getElementById("clock").innerHTML;
   if(num==1){
    window.location.herf="http://www.imooc.com/" ;
   }
}
setInterval("clock()",1000);
function goBack(){
    window.history.back();
}
   //通过window的location和history对象来控制网页的跳转。

</script>
</body>
</html>

云浮第一补刀手擐执

2016-07-28

源自：JavaScript进阶篇 8-17

关注问题我要回答

1218

操作

收起

4 回答

Sucler 回答被采纳 +3 积分
2016-07-29

①把herf改成href

②&nbsp后面加个分号";"

③变量var num=5写在clock外面没用

④按照你的思路，应该先是获取document.getElementById("clock").innerHTML给num，再num--，再赋值回去给document.getElementById("clock").innerHTML

⑤判断用num<=1好一点

一下是我修改后的：

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>   
 </head>
 <body>
 <h3>操作成功</h3> 
  <p><b id="clock">5</b>秒后回到主页<a href="javascript:goBack();">&nbsp;返回</a></p>
  <script type="text/javascript">  
   
function clock(){
   var num=document.getElementById("clock").innerHTML;
   num--;
   document.getElementById("clock").innerHTML=num;
   if(num<=1){
    window.location.href="http://www.imooc.com/" ;  
   }
}
setInterval("clock()",1000);
function goBack(){
    window.history.back();
}
   //通过window的location和history对象来控制网页的跳转。
   
 </script>
</body>
</html>