通过 Dom 方法提高 innerHTML 性能


Posted in Javascript onMarch 26, 2008
function replaceHtml(el, html) { 
    var oldEl = typeof el === "string" ? document.getElementById(el) : el; 
    /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一点 
        oldEl.innerHTML = html; 
        return oldEl; 
    @*/ 
    var newEl = oldEl.cloneNode(false); 
    newEl.innerHTML = html; 
    oldEl.parentNode.replaceChild(newEl, oldEl); 
    /* 一旦我们从 DOM 上移除老的元素,则返回新的元素引用。*/ 
    return newEl; 
};

对于 Opera 也依然有性能提高,只是提高幅度没有上面两种浏览器惊人而已,
唯在 IE 中,则原始的 innerHTML 的方法更效率点。
Javascript 相关文章推荐
ExtJS的FieldSet的column列布局
Nov 20 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
Aug 07 Javascript
超链接的禁用属性Disabled使用示例
Jul 31 Javascript
JS中三目运算符和if else的区别分析与示例
Nov 21 Javascript
把Node.js程序加入服务实现随机启动
Jun 25 Javascript
JS实现文档加载完成后执行代码
Jul 09 Javascript
Nginx上传文件全部缓存解决方案
Aug 17 Javascript
Highcharts使用简例及异步动态读取数据
Dec 30 Javascript
Angularjs CURD 详解及实例代码
Sep 14 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
Aug 02 Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 Javascript
vue项目中监听手机物理返回键的实现
Jan 18 Javascript
js用图作提交按钮或超连接
Mar 26 #Javascript
利用js对象弹出一个层
Mar 26 #Javascript
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
Mar 22 #Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
Mar 22 #Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
Mar 22 #Javascript
YUI 读码日记之 YAHOO.util.Dom - Part.1
Mar 22 #Javascript
YUI 读码日记之 YAHOO.lang.is*
Mar 22 #Javascript
You might like
php性能优化分析工具XDebug 大型网站调试工具
2011/05/22 PHP
php全排列递归算法代码
2012/10/09 PHP
PHP实现linux命令tail -f
2016/02/22 PHP
Prototype使用指南之string.js
2007/01/10 Javascript
js 鼠标拖动对象 可让任何div实现拖动效果
2009/11/09 Javascript
js常用自定义公共函数汇总
2014/01/15 Javascript
js检测网络是否具体连接功能的代码
2014/05/23 Javascript
第一次动手实现bootstrap table分页效果
2016/09/22 Javascript
json定义及jquery操作json的方法
2016/10/03 Javascript
浅谈AngularJs 双向绑定原理(数据绑定机制)
2017/12/07 Javascript
vue项目中导入swiper插件的方法
2018/01/30 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
2018/05/08 Javascript
vue实现2048小游戏功能思路详解
2018/05/09 Javascript
vue路由拦截及页面跳转的设置方法
2018/05/24 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
微信小程序常用赋值方法小结
2019/04/30 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
AngularJS动态生成select下拉框的方法实例
2019/11/17 Javascript
跟老齐学Python之私有函数和专有方法
2014/10/24 Python
Python二维码生成库qrcode安装和使用示例
2014/12/16 Python
python检测是文件还是目录的方法
2015/07/03 Python
浅谈Python的Django框架中的缓存控制
2015/07/24 Python
Python中函数eval和ast.literal_eval的区别详解
2017/08/10 Python
基于Python os模块常用命令介绍
2017/11/03 Python
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
numpy中的高维数组转置实例
2018/04/17 Python
详解Django-auth-ldap 配置方法
2018/12/10 Python
Python3视频转字符动画的实例代码
2019/08/29 Python
pytorch 实现模型不同层设置不同的学习率方式
2020/01/06 Python
python装饰器实现对异常代码出现进行自动监控的实现方法
2020/09/15 Python
什么是数据抽象
2016/11/26 面试题
医生自荐信
2013/10/11 职场文书
采购内勤岗位职责
2013/12/10 职场文书
内科护士节演讲稿
2014/09/11 职场文书
社区活动总结范文
2015/05/07 职场文书
教你用python实现12306余票查询
2021/06/30 Python