注冊|登錄

聯系電話:024-31891684  13390130939
日志

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

Log日志

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

瀏覽量:3438

在學習軟件開發編程的過程中,我們這些初學者經常會遇到這樣或那樣的編程陷阱,在此列出關于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最快最簡單的方法,無需使用模板庫或框架。

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

主站蜘蛛池模板: 国产日韩在线观看视频| 成人午夜电影在线| 亚洲精品456在线播放| 美女内射毛片在线看3D| 国产女人高潮叫床视频| 398av影院视频在线| 天天看片天天射| 两个小姨子在线播放| 日本漫画囗工番库本全彩| 国产成人精品A视频一区| 99久久99视频| 妖神记1000多章哪里看| 中文无码字幕中文有码字幕| 最新亚洲人成无码网www电影| 亚洲日韩精品一区二区三区 | 2022男人天堂| 大香焦伊人久久| 一本大道道无香蕉综合在线| 欧美在线视频二区| 国产小视频免费在线观看| 2021国内精品久久久久精免费| 天堂8中文在线最新版在线| 一级日本黄色片| 曰本一区二区三区| 亚洲国产精品一区二区久久| 浪荡女天天不停挨cao日常视频| 十九岁日本电影免费完整版观看| 被啪羞羞视频在线观看| 国产成人免费ā片在线观看老同学| 手机看片日韩福利| 国产精品高清久久久久久久 | 97久久天天综合色天天综合色hd| 好吊妞788免费视频播放| 一级黄色在线视频| 成年美女黄网站色| 久久丫精品久久丫| 日本亚洲欧美在线视观看| 久久影院最新消息| 日韩精品中文字幕无码专区| 亚洲av综合色区无码专区桃色| 欧美巨大xxxx做受孕妇视频|