问答详情
源自：8-17 编程练习

为什么把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 16:00

个回答

  • 叮咚丶
    2019-08-08 20:12:05
    已采纳

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

    0
  • bestMan
    2019-08-08 20:42:11

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