麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

減少訪問DOM的次數提升javascript性能

2019-11-20 21:03:06
字體:
來源:轉載
供稿:網友
訪問DOM元素是有代價的,修改DOM元素則更為昂貴,因為它會導致瀏覽器重新計算頁面的幾何變化。

當然,最壞的情況是在循環中訪問修改元素,尤其是對HTML元素集合循環操作。

例如:
復制代碼 代碼如下:

<!-- 優化前 -->
<script type="text/javascript">
function innerHTMLLoop () {
for(var count = 0; count < 15000; count++){
document.getElementById('here').innerHTML+='a';
}
}
</script>

這個函數循環修改頁面元素的內容。這段代碼的問題在于,每次循環迭代,該元素都被訪問兩次:一次讀取innerHTML屬性,另外一次重寫它。

一個效率更高的做法是使用局部變量存儲更新后的內容,然后在循環結束后一次性寫入:
復制代碼 代碼如下:

<!-- 優化后 -->
<script type="text/javascript">
function innerHTMLLoop () {
var content = '';
for(var count = 0; count < 15000; count++){
content+='a';
}
document.getElementById('here').innerHTML+=content;
}
</script>

訪問DOM的次數越多,代碼運行速度越慢。因此,在有其他方案可以代替的時候,我們要盡量減少訪問DOM的次數。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 一级毛片播放 | 国内一区 | 欧美a级一区二区 | 神马久久精品综合 | 欧美日韩在线免费观看 | 黄色av网站在线观看 | 女人久久久www免费人成看片 | 宅男噜噜噜66国产免费观看 | 97久久精品一区二区三区观看 | 337p粉嫩大胆噜噜噜亚瑟影院 | 午夜视频大全 | 精品国产一区二区三区在线观看 | 91看片成人 | 成人免费在线视频 | 天海翼四虎精品正在播放 | 久久免费综合视频 | 成人在线观看网 | 久久精品视频16 | 国产xxxxx在线观看 | 精品一区二区三区免费 | 黄色av网站免费看 | 极品销魂一区二区三区 | 国产一级在线观看视频 | 日本最新免费二区三区 | xxxxxx打针视频vk | 一区二区三区四区视频在线观看 | 久草在线播放视频 | 亚洲精品欧美在线 | 日日操夜 | 99在线在线视频免费视频观看 | 最新黄色av | 午夜视频观看 | 国产一区二区三区高清 | 日本xxxx色视频在线观看免费, | 久久久久久久一区 | 日日噜噜噜噜久久久精品毛片 | 草莓福利视频在线观看 | 操碰网 | 久久99精品国产 | 黄色大片大毛片 | 免费国产成人高清在线看软件 |