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

为什么把HTML DOM部分放在JS代码下面就不执行了，放在上面可以执行，是什么原因？

<h3>操作成功</h3>

<div><strong id="second">5</strong>秒后返回  </div>

<input type="button" value="返回" onClick="test()">

<script>

var sec=document.getElementById("second");
var i=5;
var timer=setInterval(function(){	
i--;	
sec.innerHTML=i;	
if(i==1){
window.location.href="https://www.imooc.com"; 
 }
},1000);

function test(){	
history.forward();		
}	

</script>

bestMan

2019-08-08

源自：JavaScript进阶篇 8-17

关注问题我要回答

837

操作

收起

2 回答

叮咚丶回答被采纳 +2 积分
2019-08-08

因为它有执行的优先级啊，html代码是从上到下解析的

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

#1

bestMan 提问者

从上到下解析顺序是知道。我下面发的那段为啥js在上面也可以执行呀？有时候就搞不太懂

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

bestMan 提问者
2019-08-08

这个js代码放div上面为什么可以执行，为啥呀？

<script>

function test(){

var x;

var person=window.prompt("请输入你的名字","靓仔");

if(person!=null && person!=" "){

x="你好：" + "\"" + person + "\"" + "今天感觉如何";

document.getElementById("dom").innerHTML=x;

}

}

</script>

<button type="button" onClick="test()">点我</button>

<div id="dom"></div>

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

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 467164 人
解答问题 21875 个

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

本课相似问答

2 回答为什么把HTML DOM部分放在JS代码下面就不执行了，放在上面可以执行，是什么原因？顺序没搞懂

2 回答为什么JS代码放在上面就不行

4 回答为什么放到<head>里面就不执行

1 回答为什么执行完前面的document后面的window就不执行了，不是从上到下执行么

3 回答在这个练习里面，为什么JS代码写在 head里面不执行？

搜索更多本课相关问答

为什么把HTML DOM部分放在JS代码下面就不执行了，放在上面可以执行，是什么原因？

我要回答关注问题

意见反馈帮助中心 APP下载