美文网首页
dom加载和js执行的先后顺序

dom加载和js执行的先后顺序

作者: ashun | 来源:发表于2017-09-23 17:41 被阅读0次

DOM就是文档对象模型,html的构成就是DOM。所以说网页就是一个文档,是一个有结构的文档。

要想了解DOM的加载构造以及js的执行顺序,首先就要了解浏览器的渲染规则:

1、解析HTML

2、加载外部脚本和样式表

3、脚本在文档内解析并执行

4、构造HTMLDOM模型

5、加载图片以及外部内容

6、网页加载完毕

以上顺序可以看出,外部js会在DOM构造之前执行,那么显然外部js也无法访问DOM文档模型。所以一般把可执行的脚本放在页面初始化时间处理函数中。这样的话就能确保文档加载完毕再执行脚本。

相关文章

  • dom加载和js执行的先后顺序

    DOM就是文档对象模型,html的构成就是DOM。所以说网页就是一个文档,是一个有结构的文档。 要想了解DOM的加...

  • 01-JQuery入口函数

    JQuery入口函数 JS原生入口函数特点原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行原生的JS如...

  • jQuery表单验证

    JQuery表单验证 提交 // HTML DOM加载完成后执行JS代码$...

  • defer与async差别

    1.页面遇到会停止Dom渲染去加载js 2.当DOMContentLoaded之后再去执行外部脚本,但是加载是和渲...

  • css加载会造成阻塞吗

    本文由云+社区发表 作者:嘿嘿嘿 可能大家都知道,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树...

  • css加载会造成网站的阻塞吗

    可能大家都知道,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?接下来,我就来对c...

  • css加载会造成阻塞吗?

    之前面试今日头条的时候,今日头条面试官问我,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析...

  • css加载会造成阻塞吗?

    之前面试今日头条的时候,今日头条面试官问我,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析...

  • 类的加载过程

    类的加载过程 类文件加载的顺序 1、先加载执行父类的静态变量及静态初始化块(执行先后顺序按排列的先后顺序)2、再加...

  • react 知识点简单总结

    1.react.js 、react-dom.js 和 Browser.js ,它们必须首先加载。其中,react....

网友评论

      本文标题:dom加载和js执行的先后顺序

      本文链接:https://www.haomeiwen.com/subject/kpgcextx.html