繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 通过 Dom 方法提高 innerHTML 性能
- Javascript
- base64编码/解码
- 数字日期转化为汉字日期格式
- 事件驱动的JScript面对象编程
- 计算24点
- 事件驱动的JScript面对象编程（例）
- JavaScript基础实例:如何计算24点
- 删除数组元素.
- 用Javascript写的一个映射表类
- JavaScript通用库（一）
- TreeView（扩充XMLSelTree）（二）
- 如何在网页中调试JavaScript
- 可编辑的 HTML JavaScript 表格控件 DataGrid
- JavaScript学习:删除数组元素
- JavaScript数字日期转化为汉字日期格式
- 在网页中控制wmplayer播放器
- 排序Select中Option项的一个示例
- 可编辑的 HTML JavaScript 表格控件 DataGrid II
- 让网页自动穿上外套
- javascript表单之间的数据传递！
- 用Javascript写的一个映射表(MAP)类－－续
Javascript 中的 通过 Dom 方法提高 innerHTML 性能
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 379 ::
收藏到网摘: n/a
此方法大大提高了 innerHTML 在 Firefox 和 Safari 上的性能。replaceHtml() 在 Firefox 2.0.0.6 里 destroy 与 replace 的速度各快了 473 倍以及 50 倍。而在 Safari 3.0.3 beta 上则是 create 100 倍，replace 50 倍。
复制代码 代码如下:
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 的方法更效率点。
评论 (0) All
