最原始的写法:
var startTime = new Date().getTime(); for(var i=0;i<100000;i++){ $("body").append('<div>content</div>'); } console.log(new Date().getTime()-startTime); |
结果:702-968ms
改进的写法:
var startTime = new Date().getTime(); var h='';for(var i=0;i<100000;i++){ h+='<div>content</div>'; } $("body").append(h); console.log(new Date().getTime()-startTime); |
结果:484-600ms
另外一种写法:
var startTime = new Date().getTime(); var h=$([]); for(var i=0;i<100000;i++){ h.add('<div>content</div>'); } $("body").append(h); console.log(new Date().getTime()-startTime); |
结果:674-826ms
第四种写法:
var startTime = new Date().getTime(); var h='';for(var i=0;i<100000;i++){ h+='<div>content</div>'; } $("body").append('<div>'+h+'</div>'); console.log(new Date().getTime()-startTime); |
结果:197-210ms