关于js代码的位置及html执行顺序

二环南路上的狂奔 发布于 2016/09/03 11:47
阅读 683
收藏 0
<body> 
<input type="text" value="111" id="test">
 <script>
  var value = document.getElementById("test").value;  alert(value);
 </script>
 </body>

script放在body是等页面加载完毕再执行,为什么alert会先于<input>出现,也就是先弹出alert显示正常的值,点击alert后才会显示表单?

加载中
2
筱飞
筱飞
html执行顺序,DOM节点是先在内存里面生成,然后显示到页面上。执行到script时,dom节点还正在生成阶段。  所以,会执行alert出value的值。点击确定有,继续执行打印到页面上这一步。
1
红薯官方
红薯官方
alert是堵塞式的函数,它会堵塞线程(DOM/UI渲染线程)使浏览器暂停刷新DOM渲染。
返回顶部
顶部