javascript实习笔记5

最新推荐文章于 2022-06-27 18:13:39 发布

shinemax

最新推荐文章于 2022-06-27 18:13:39 发布

阅读量844

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/eeewwwddd/article/details/79438271

版权

本文介绍了JavaScript实习期间关于DOM树的深度优先加载原理，包括DOM节点的重排和重绘情况。同时，探讨了JavaScript异步加载的三种方式，特别是`defer`属性的使用，它在DOM解析完成后才执行，适用于IE浏览器。

摘要由CSDN通过智能技术生成

domtree

深度优先（加载一个标签后会在往标签里面找标签，纵向的）

reflow domTree重排
js改变dom节点：dom节点删除，增加
dom节点改变宽高，display：none —> block
dom的offseLeft,offseTop

repaint 重绘改颜色改图片背景会对一部分dom重绘

javascript 异步加载的三种方式

**1.**defer：异步加载，会等dom解析完毕在进行，只有IE可用，在内部可写代码。

//添加异步加载的script
function loadScript(url, callback) {
   
    var script = document.createElement('script');
    script.type = 'text/javascript';

    if (script.re