dom加载顺序

最新推荐文章于 2023-02-14 22:31:33 发布

BetaCat1

最新推荐文章于 2023-02-14 22:31:33 发布

阅读量1k

点赞数 1

分类专栏： JavaScript 转载

转载同时被 2 个专栏收录

73 篇文章 1 订阅

订阅专栏

JavaScript

5 篇文章 0 订阅

订阅专栏

1、js下载完成后才执行document的onload方法，图片下载完成后才会执行window的onload方法，404文件不存在的除外。
2、一定要在某个页面元素加载后再去执行document.getElementByIdx_x_x_x_x_x_x访问它，否则没有加载到它时会是null，报错！
3、html代码以及js加载的顺序是：按照文档里的先后顺序，从上往下依次加载：先加载head标签中的js代码段以及引入的js，然后加载body标签中的html代码以及js代码，再加载body标签下面的js代码。
4、图片、css可以并行下载，js是串行下载。对于Javascript的运行有两大特性：1）载入后马上执行，2）执行时会阻塞页面后续的内容（包括页面的渲染、其它资源的下载）。于是，如果有多个js文件被引入，那么对于浏览器来说，这些js文被串行地载入，并依次执行。
5、js阻塞页面后续的内容，后续有图片的话，图片会先下载，但是不会先展示。
6、JavaScript执行引擎并非一行一行地分析和执行程序，而是一段一段地分析执行的。而且在分析执行同一段代码中，定义式的函数语句会被提取出来优先执行。函数定义执行完后，才会按顺序执行其他代码。

<HTML>
<head>
    <title>title</title>
    <script>
        alert('aaaaaaa');
    </script>
</head>
<body onload="alert('bbbbbbb');">
    <div>
        ccccccc
    </div>
<img src="http://img4.cache.netease.com/auto/2016/4/7/201604070818529b786.jpg"/>
    <script>
        alert('ddddddd');
    </script>
</body>
</html>

文案显示顺序：
title
aaaaaaa
ccccccc
ddddddd
图片
bbbbbbb