全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:15165206905

第五节:js执行顺序以及js对DOM树的阻塞

1、js执行顺序
js由上至下的执行顺序,按顺序执行

2、js对DOM树的阻塞

dom 元素与元素的关系,可以简单的理解为页面的结构
当页面运行时,js可能会阻塞页面的结构(dom的加载)

<script type="text/javascript">
var abc=document.getElementById("xmy");
abc.style.color="red";
</script>
 
<div id="xmy">xiaomuyu</div>

比如js在上,那获取不到abc的值,代码就不会生效

第一种方法把js代码放在html代码的下方

第二种方法:添加window.onload=function()事件,便是窗口内的html包括图片以及css文件都执行完毕再执行js代码

把JavaScript中要执行的程序放在window.onload=function(){}中

修改后的代码是:

<script type="text/javascript">
window.onload=function(){
var abc=document.getElementById("xmy");
abc.style.color="red";
}
</script>
<div id="xmy">xiaomuyu</div>

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。