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

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

来源：8-17 编程练习

bestMan

2019-08-08 16:04

<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>

写回答关注

2回答

阳火锅

2019-08-09 09:09:52

已采纳

网页加载是从上至下

0 1
狼王梦0_0

2019-08-18 21:34:03
一楼正解，这是学习js必定会碰见的坑，网页加载自上而下，遇见js就先将其编码了，可是如果你操作了DOM，这是的页面其实还没有出现，js就获取不到DOM节点，所以无效，这里一般js放在网页最下面，还有两种解决方案。
1、在js开头加上
```
window.onload = function(){你的内容}
```
2、jQuery写法
```
$(你的内容)//这个你得学习jQuery
```
3、在<script>标签中加上
```
defer（这IE支持，太坑不建议使用；其实我记得有个别的现在一时想不起来【请人指点】）
```
0 1

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题

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

回答 2

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

回答 2

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

回答 4

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

回答 1

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

回答 3

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