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


Posted in Javascript onJuly 30, 2009

我们可能往往会去排查问题的缘由,其实,在排查掉冗余的循环和精简了控件数量后,我们发现性能还是不乐观,于是继续排查,一个偶然的修改,却大大改善了效率,就是类似如下的修改:
修改前:

objDiv.innerHTML += ‘<img id=”picture” src=”back.gif”>';

修改后:
var imga = document.createElement("img"); 
imga.setAttribute("src","back.gif"); 
imga.setAttribute("id","picture"); 
objDiv.appendChild(imga);

之前可能因为书写的便利,所以没有采用创建页面元素,再分别赋值,最后进行嵌套的方法,而是直接通过字符串赋值innerHTML的方法,这种方法就是比较简单和便捷,但是在性能方面还是有所损失的,因为这中间必然涉及到一个将字符串转换为正确的页面控件的的一个过程,这其中的性能损失可能比较大,所以造成了页面相应的迟缓。
Javascript 相关文章推荐
用js来获取上传的文件名纯粹是为了美化而用
Oct 23 Javascript
浅析jQuery1.8的几个小变化
Dec 10 Javascript
JQuery实现table行折叠效果以JSON做数据源
May 26 Javascript
JavaScript从数组中删除指定值元素的方法
Mar 18 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
Dec 07 Javascript
基于javascript实现表格的简单操作
May 21 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
Dec 26 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
Jan 08 Javascript
详解angular2封装material2对话框组件
Mar 03 Javascript
Vue下的国际化处理方法
Dec 18 Javascript
Vue2.x通用编辑组件的封装及应用详解
May 28 Javascript
javascript 写的一个简单的timer
Jul 30 #Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
Jul 30 #Javascript
Javascript this指针
Jul 30 #Javascript
javascript 进度条 实现代码
Jul 30 #Javascript
JS input 数字验证代码
Jul 30 #Javascript
关于取不到由location.href提交而来的上级页面地址的解决办法
Jul 30 #Javascript
window.parent调用父框架时 ie跟火狐不兼容问题
Jul 30 #Javascript
You might like
PHP调用三种数据库的方法(1)
2006/10/09 PHP
Win2003下APACHE+PHP5+MYSQL4+PHPMYADMIN 的简易安装配置
2006/11/18 PHP
php 过滤危险html代码
2009/06/29 PHP
php目录操作函数之获取目录与文件的类型
2010/12/29 PHP
PHP中$_FILES的使用方法及注意事项说明
2014/02/14 PHP
laravel admin实现分类树/模型树的示例代码
2020/06/10 PHP
深入了解Node.js中的一些特性
2014/09/25 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
2015/09/02 Javascript
基于Javascript实现弹出页面效果
2016/01/01 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
bootstrap table操作技巧分享
2017/02/15 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
2017/06/28 Javascript
浅谈Vue.nextTick 的实现方法
2017/10/25 Javascript
详解Vue实战指南之依赖注入(provide/inject)
2018/11/13 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
在vue中动态修改css其中一个属性值操作
2020/12/07 Vue.js
[19:14]DOTA2 HEROS教学视频教你分分钟做大人-维萨吉
2014/06/24 DOTA
bat和python批量重命名文件的实现代码
2016/05/19 Python
Python3 处理JSON的实例详解
2017/10/29 Python
利用信号如何监控Django模型对象字段值的变化详解
2017/11/27 Python
Python Numpy:找到list中的np.nan值方法
2018/10/30 Python
python实现对任意大小图片均匀切割的示例
2018/12/05 Python
用Python编写一个高效的端口扫描器的方法
2018/12/20 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
Python读写csv文件流程及异常解决
2020/10/20 Python
用CSS3实现背景渐变的方法
2015/07/14 HTML / CSS
一套带网友答案的.NET笔试题
2016/12/06 面试题
路政管理求职信
2014/06/18 职场文书
读群众路线的心得体会
2014/09/03 职场文书
2016年优秀班主任先进事迹材料
2016/02/26 职场文书
使用kubeadm命令行工具创建kubernetes集群
2022/03/31 Servers
Sql Server 行数据的某列值想作为字段列显示的方法
2022/04/20 SQL Server
Java异常体系非正常停止和分类
2022/06/14 Java/Android
Go gorilla/sessions库安装使用
2022/08/14 Golang