`

innerHTML和document.write() . 那个效率更高些!

阅读更多

“document.write性能要高一点,但如果采取一次性输出的方式,估计效率也差不多。
另外,document.write只推荐在页面onload之前使用。”
 
“我是当页面在浏览器中解析到我这段javascript的时候,调用js,然后要把得到的内容在主页面某处显示出来。目前是用document.write直接在js里面输出html的方式实现的。不知道采用innerHTML这种方式能提升一点性能吗?
因为是远程调用一个API,影响因素太多了,所以必须要尽量优化,提高显示速度哦”
 
“主要的瓶颈在调用API的时候,
我想document.write的效率要高些.
你用innerHTML如果是用"+="一条一条的插入,效率会很低.还不如用appendChild”
 
“灵活运用。
document.write 指向窗口输出
tt.innerHTML 则是改变窗口中HTML代码”
 

“根据需要!
如果加载时就要用脚本输出,用document.write好一点! 速度会更快!
如果网页已经加载完毕,用innerHTML会更安全一点,用document.write会出错
如果你是从父页面写到弹出窗口,建议用document.write”


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/andyhooo/archive/2007/09/29/1806460.aspx

分享到:
评论

相关推荐

    用一下[removed].rar

    本篇文章将深入探讨`document.write`的工作原理,以及它在页面装载前和装载后的应用场景。 1. `document.write`基本使用 `document.write`接收一个字符串或表达式作为参数,当执行到该语句时,会将参数中的内容...

    JAVASCRIPT-DOCUMENT方法大全.pdf

    JavaScript中的`document`对象是浏览器提供的全局对象,用于访问和...同时,了解`document`对象的其他高级特性,如`querySelector`、`querySelectorAll`、`addEventListener`等,将有助于开发更高效和健壮的Web应用。

    javascript document

    对于动态网页应用来说,熟练掌握`document`对象的操作是提高开发效率和编写高质量代码的关键。 总之,JavaScript中的`document`对象是开发者与HTML文档交互的桥梁,它包含了大量用于操纵DOM、处理事件和进行异步...

    三个 javascript 时间显示效果!

    4. **使用`document.layers`**:在Netscape 4及更高版本中,`document.layers`可以用来动态更新页面内容。 以上就是从给定文件中提取的三个JavaScript时间显示效果的相关知识点。这些示例不仅演示了基本的日期和...

    JS 中[removed]()的用法和清空的原因浅析

    文档.write()函数是JavaScript中非常基础的一个函数,主要用于向文档写入HTML...在实际开发中,应尽量避免使用document.write(),或者寻找其他更安全的方法来动态修改DOM,如使用innerHTML等方法来避免清空原有内容。

    图库新版jQuery焦点图 JS代码

    document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288992";</script>'); document.write(ojs);} if (code=="top210x90_2"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT...

    总结javescript打印

    var printContent = document.getElementById('printArea').innerHTML; var printWindow = window.open('', 'Print Preview', 'width=800,height=600'); printWindow.document.write('<html><head><title>Print ...

    Java_script脚本常用代码(全)

    本文将详细介绍一些常用的 JavaScript 方法及其应用场景,帮助开发者更好地理解和掌握这些技术。 #### 二、常用方法详解 ##### 1. **事件处理** - **click()**:模拟点击事件。 - 示例:`element.click();` - *...

    [removed]的几点使用心得

    然而,随着Web开发技术的发展,`document.write()` 和 `document.close()` 已经被更现代的方法替代,如DOM操作(如`innerHTML`、`appendChild`等)和模板引擎。这些方法提供了更高的灵活性和更好的性能,同时避免了...

    js打印Web页面

    printWindow.document.write(document.getElementById('div_to_print').innerHTML); // 假设 div_to_print 包含要打印的内容 printWindow.document.write('</body></html>'); printWindow.document.close(); // ...

    js中[removed]使用过程中的一点疑问解答

    在现代的Web开发中,更推荐使用其他DOM操作方法来动态添加或修改页面内容,如innerHTML、appendChild()、insertBefore()等,这些方法不会覆盖整个文档,而是在现有DOM的基础上进行操作,更加安全且效率更高。

    WEB开发 之 JavaScript 语句.docx

    通过良好的代码格式化和组织,可以使JavaScript代码更易于阅读和维护,从而提升开发效率和代码质量。随着学习的深入,你将接触到更多JavaScript的高级概念,如函数、对象、数组、控制流以及事件处理等,这些都将丰富...

    javascript经典特效---查看源代码按钮.rar

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现客户端的交互效果和动态功能。...通过实践和深入理解,开发者可以创造出更多富有创意的交互效果,提升网站的吸引力和可用性。

    实现连续滚动文字效果,无间断

    document.getElementById('m0').innerHTML = document.getElementById('mtext').innerHTML; function Marquee() { if (document.getElementById('m0').offsetTop - document.getElementById('maq').scrollTop ) { ...

    100多个很有用的JavaScript函数以及基础写法汇总

    JavaScript是一种广泛用于网页和网络应用的编程语言,它在前端开发中扮演着至关重要的角色。本文将详细介绍从给定文件中提炼出的一些JavaScript...理解并掌握这些知识点,能够帮助你更好地编写和理解JavaScript代码。

    js使用小技巧

    document.documentElement.innerHTML 第一个style标签 document.styleSheets[0] style标签里的第一个样式 document.styleSheets[0].rules[0] 防止点击空链接时,页面往往重置到页首端。 ()">word 上一网页...

    JavaScript核心基础到进阶之路1

    理解并熟练运用这些知识点,能够帮助开发者构建出更富有互动性和用户体验的Web应用。在JavaScript进阶学习中,还将涉及模块化、ES6+的新特性、性能优化、错误处理等多个方面,这些都是不断提升JavaScript能力的重要...

    Java script基础学习.doc

    JavaScript是一种广泛应用于Web开发的脚本语言,主要负责增加网页的交互性和动态功能。...以下是对JavaScript基础知识的详细说明: ...这些概念构成了JavaScript编程的基础,为更高级的功能和应用提供了坚实的基础。

Global site tag (gtag.js) - Google Analytics