javascripthtml:javascript处理HTML元素必须避免使用的一种思路方法

我们在编写前台页面时候可能经常会用到“javascript+数据”生成页面元素思路方法但当我们要处理数据量较大导致页面需要展现过多Control控件时候页面响应速度也会直线下降我们可能往往会去排查问题缘由其实在排查掉冗余循环和精简了Control控件数量后我们发现性能还是不乐观于是继续排查个偶然修改却大大改善了效率就是类似如下修改:

修改前:

objDiv.innerHTML ‘<img id=”picture” src=”back.g”>’;


修改后:
view plaincopy to clipboardpr?
var imga = document.createElement("img");
imga.Attribute("src","back.g");
imga.Attribute("id","picture");
objDiv.appendChild(imga);
var imga = document.createElement("img");
imga.Attribute("src","back.g");
imga.Attribute("id","picture");
objDiv.appendChild(imga);

的前可能书写便利所以没有采用创建页面元素再分别赋值最后进行嵌套思路方法而是直接通过串赋值innerHTML思路方法这种思路方法就是比较简单和便捷但是在性能方面还是有所损失这中间必然涉及到个将串转换为正确页面Control控件个过程这其中性能损失可能比较大所以造成了页面相应迟缓
Tags:  javascript元素 javascript转换html html调用javascript javascripthtml

延伸阅读

最新评论

发表评论