注冊|登錄

聯系電話:024-31891684  13390130939
日志

沈陽軟件開發_沈陽軟件公司_沈陽軟件定制/軟件/日志

Log日志

JavaScript編碼陷阱之一不必要的DOM操作

瀏覽量:3437

在學習軟件開發編程的過程中,我們這些初學者經常會遇到這樣或那樣的編程陷阱,在此列出關于javascript編程遇到的一些陷阱。

不必要的DOM操作

例如下面這段代碼: 

  • for (var i = 0; i < 100; i++){  
  •    var li = $("<li>").html("This is list item #" + (i+1));  
  •    $("#someUL").append(li);  

這段代碼對DOM進行了100次修改,并且創建了100個不必要的jQuery對象。正確的做法是使用一個文檔片段,或者創建一個字符串,把100個<li>元素賦給該字符串。然后附加到HTML中。這樣就只需運行DOM一次,代碼如下:

  • var liststring = "";  
  • for (var i = 100; i > 0; i--){  
  •    liststring += "<li>This is list item #" + (99- i);  
  • }  
  • document.getElementById("someUL").innerHTML(liststring);

正如上面所描述的一樣,下面再提供一個方式,使用數組:

  • var liststring = "<li>" 
  • var lis = [];  
  • for (var i = 100; i > 0; i--){  
  •    lis.push("This is list item #" + (99- i));  
  • }  
  • liststring += lis.join("</li><li>") + "</li>";  
  • document.getElementById("someUL").innerHTML(liststring);

這是在JavaScript創建重復HTML最快最簡單的方法,無需使用模板庫或框架。

沈陽團購網|營口網站制作|沈陽軟件公司|軟件定制|網站建設|加盟易勢|提交問題

主站蜘蛛池模板: 欧美中文在线观看| 老子影院午夜伦不卡手机| 欧美日韩综合一区| 制服丝袜人妻中文字幕在线| 香蕉免费一区二区三区| 国产精品久久久久影院嫩草 | 男女超级黄aaa大片免费| 国产V综合V亚洲欧美久久| 黑料不打烊最新地址| 国产精品国产三级国快看| 99久久国产综合精品1尤物| 少妇挑战三个黑人惨叫4p国语| 久久久久人妻精品一区蜜桃| 最新中文字幕av专区| 亚洲国产欧美日韩| 荡公乱妇hd在线播放| 多人交换伦交视频| 一级毛片视频免费| 插鸡网站在线播放免费观看| 久久国产免费观看精品3| 杨贵妃艳史毛片在线播放免费观看| 亚洲精品成人网站在线播放| 男女猛烈无遮挡免费视频| 午夜国产在线视频| 老司机免费在线| 国产一区免费视频| 韩国精品欧美一区二区三区| 国产无遮挡裸体免费视频| 手机看片在线精品观看| 国产精品高清一区二区三区| 99久久精品这里只有精品| 好好的日视频www| 一本色道久久88| 成人欧美一区二区三区在线观看| 久久a级毛片免费观看| 日本午夜精品一区二区三区电影| 久久精品国产99国产精品亚洲| 最近中文字幕高清中文字幕电影二| 亚洲国产成人久久| 欧美大交乱xxxxxbbb| 亚洲国产精品成人综合久久久|