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

为什么这样不行？

<html>
<head>
<title></title>
<script type="text/javascript">
var time=document.getElementById("num").innerHTML;
function change(){
time--;
document.getElementById("num").innerHTML=time;
while(time==0){
location.replace("http://baidu.com");
}
}
setInterval("change()",1000);
</script>
</head>
<body>
<h1>操作成功</h1>
<span id="num" >5</span>
<span >秒后回到主页</span>
<a href="www.baidu.com">返回</a>
</body>
</html>

喵的一声呀

2016-08-17

源自：JavaScript进阶篇 8-17

关注问题我要回答

1866

操作

收起

13 回答

__zz
2016-08-30

<a href="javascript:history.back()">

这么写，返回是让你去history里操作，并不是点一下打开一个百度这么简单。

0 回复有任何疑惑可以回复我~

收起回答

__zz
2016-08-30

问题有点多。

首先，楼上的各位甚至都没有去试过，innerHTML这里没有问题。

其次，<script></script>写在前面，没有get到id="num"这个元素，更不用说innerHTML和之后的操作了。

然后，while(){}是个循环，满足条件它就进去循环了，就相当于电路里的短路了（我是这么理解），你只需要用if()，或者在while里执行完最后加break;。你用location.replace，无碍，但不妥。

然后，http://www.baidu.com，学习阶段一定完整，以后有空可以了解。

小白一枚，共同学习~

1 回复有任何疑惑可以回复我~

收起回答

喵的一声呀提问者

其实我很疑惑为什么写在前面就无法get到id=“num”呢？

2016-08-30 回复有任何疑惑可以回复我~

__zz 回复喵的一声呀提问者

浏览器由上到下解析

2016-08-31 回复有任何疑惑可以回复我~

scuthua
2016-08-21

这个不知道是不是因为js写在了head部分里。

js先于id为num的span执行，time就成了null了。

（同是新手，不对请指正。）

1 回复有任何疑惑可以回复我~

收起回答

喵的一声呀提问者
2016-08-17

嗦嘎，谢谢你们！

0 回复有任何疑惑可以回复我~

收起回答

朝花bu夕拾
2016-08-17

楼上+1,你在HTML里面赋值的5是一个字符串类型，获取到的字符串不能用于算术加减.

0 回复有任何疑惑可以回复我~

收起回答

TanX17丶
2016-08-17

document.getElementById("num").innerHTML得到的是字符串类型，字符串类型不能自减

0 回复有任何疑惑可以回复我~

收起回答

慕瓜4769824
2016-08-17

肯定不行啊，你得到的是num的内容是一个字符串，要转换为数值型才能进行自减，而且JS不会报错的，不自减这个函数就运行不了

0 回复有任何疑惑可以回复我~

收起回答

nicePlay
2016-08-17

<p><span id="timeout"></span>秒后回到主页<a href="http://www.imooc.com">返回<a/></p>

<script type="text/javascript">

   //获取显示秒数的元素，通过定时器来更改秒数。
    var time=5
   function timeout(){
       if(time>0){
        document.getElementById("timeout").innerHTML=time;
           time--;
       }
   }
   var timeoutId=setInterval(timeout,1000)

   //通过window的location和history对象来控制网页的跳转。
   var changeId=setTimeout(window.history.back,5000);
</script>