`

firefox innerHTML 性能提交

 
阅读更多
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;
};

可以直接用el=replaceHtml(el, newHtml)代替el.innerHTML=newHtml。
分享到:
评论

相关推荐

    HTML编辑器在JAVA WEB下的应用研究.pdf

    这种方式允许用户直接在屏幕上看到编辑内容的实时效果,但可能存在浏览器兼容性问题,比如Firefox不支持contenteditable属性,所以通常需要依赖JavaScript进行跨浏览器的兼容处理。 在Java Web环境下,引入HTML编辑...

    JavaScript万年历——兼容多浏览器

    由于JavaScript在不同的浏览器中可能存在差异,因此实现一个兼容多浏览器的万年历功能需要考虑浏览器的兼容性问题,确保在IE、Chrome、Firefox、Safari等主流浏览器上都能正常运行。 万年历的设计通常包括以下几个...

    xajax实例!!!

    4. **兼容性**:xajax 与大多数现代浏览器兼容,包括 Internet Explorer、Firefox、Chrome 和 Safari 等,这使得开发的 AJAX 应用程序具有广泛的用户覆盖范围。 5. **社区支持**:作为开源项目,xajax 有一个活跃的...

    js的特效例子程序,js图片

    10. **调试工具**:Chrome DevTools、Firefox Developer Tools等浏览器内置的开发者工具,为JavaScript的调试提供了强大支持,包括断点、步进执行、查看变量值等功能,有助于找出并修复代码中的问题。 这个压缩包中...

    Ajax技术简明手册

    例如,Internet Explorer 5.0及以上版本使用`ActiveXObject`,而其他现代浏览器如Firefox、Chrome等则直接使用`XMLHttpRequest`。 - **创建方法**:在JavaScript中,可以通过检测浏览器类型并相应地创建`...

    前端开发面试题及答案.pdf

    8. Firefox嵌套`div`的居中问题: 在父`div`中设置`text-align: center;`,子`div`设置`margin: 0 auto;`,可实现子`div`在父`div`中水平居中。 9. Web标准网站的优点: - 快速加载:代码优化减少下载时间。 - 更...

    基于Web的个人网页响应式页面设计与实现 HTML+CSS+JavaScript(web前端网页制作课作业)

    - **兼容性测试**: 确保网页能在多种浏览器(如Chrome、Firefox、Safari等)中正常显示。 - **响应式测试**: 在不同屏幕尺寸的设备上检查网页的适应性。 - **性能优化**: 优化图片资源大小,减少HTTP请求次数,提升...

    【卷一/共两卷】AJAX实战pdf高清版90M

    A.5 安装:Firefox扩展 A.6 资源 附录B 面向对象程序员Javascript指南 B.1 JavaScipt不是Java B.2 JavaScript中的对象 B.2.1 创建即时对象 B.2.2 构造函数、类和原型 B.2.3 扩展内建类 B.2.4 原型的继承 B.2.5 ...

    富基融通JAVA软件工程师面试题(2011.12)

    1. **事件绑定**:IE 使用 `attachEvent` 而 Firefox 使用 `addEventListener`。 2. **CSS3 兼容**:IE 对 CSS3 支持较差,需要特定的前缀。 3. **HTML5 标签支持**:IE 对 HTML5 标签的支持相对较差。 4. **...

    frontend:从2021.04.08开始使用HTML CSS JAVASCRIPT学习前端

    6. **跨浏览器兼容**:确保代码在主流浏览器(Chrome、Firefox、Safari、Edge)上表现一致。 7. **性能优化**:压缩CSS和JavaScript,减少HTTP请求,利用缓存等方法提高页面加载速度。 8. **工具链**:可能包含...

    ajax实现用户名校验的传统和jquery的$.post方式(实例讲解)

    在不同的浏览器中,创建方式略有不同,如Firefox、IE等。 - 请求发送后,当服务器响应时,通过`onreadystatechange`事件处理回调函数,判断`readyState`为4且`status`为200,表示请求完成并成功,此时将服务器返回的...

    基于J2EE框架的个人博客系统项目毕业设计论文(源码和论文)

    更好交流,在信息时代人们通过个人空间沟通也用来但不能在自己的博客主页面中提交评论和留言。。这样在本系统中就可以为博友提供更多的个人色彩。在管理页面中添加和删除友情连接。这样博友可以在自己空间中快速定位...

Global site tag (gtag.js) - Google Analytics