insertAdjacentHTML如何比innerHTML快得多？
发布时间：2020-12-14 19:39:59 所属栏目：资源 来源：网络整理
导读：About a month ago,Firefox 8实现了insertAdjacentHTML方法,该方法与innerHTML一起被添加到IE4中.根据 this基准测试,insertAdjacentHTML通常比innerHTML快一个数量级. 我假设它们都调用相同的HTML解析器,那么为什么差异性很大呢？ insertAdjacentHTML是一个
|
About a month ago,Firefox 8实现了insertAdjacentHTML方法,该方法与innerHTML一起被添加到IE4中.根据
this基准测试,insertAdjacentHTML通常比innerHTML快一个数量级.
我假设它们都调用相同的HTML解析器,那么为什么差异性很大呢？ insertAdjacentHTML是一个简单的方法调用,而innerHTML是一个getter / setter,可能有一些开销,但我绝对不会想象那么多. 解决方法
work.innerHTML =“< span> test< / span>”;相当于work.innerHTML = work.innerHTML“< span> test< / span>”;,即每次运行时都必须序列化所有现有的工作内容,然后重新整理整批产品,再加上额外的跨度.
work.insertAdjacentHTML(“BeforeEnd”,“< span> test< / span>”);每次只解析一个跨度,然后将小文档片段附加到DOM. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
相关内容