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

最新推荐文章于 2022-04-26 16:02:00 发布
最新推荐文章于 2022-04-26 16:02:00 发布
阅读量412 收藏
点赞数
分类专栏： Html Css 文章标签： JavaScript 脚本 浏览器 .net HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/p_x1984/article/details/83464995
版权

“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

xyz2011
关注
专栏目录
innerHTML 与 createElement() 的效率比较
GoodLuck_wu5的博客
04-28 537
element.innerHTML 和 document.createElement() 都可以创建元素。 1、element.innerHTML 创建多个元素有两种方式： ①拼接字符串的方式： var inner = document.querySelector('.inner'); for (var i = 0; i <= 100; i++) { inner.innerHTML += ...
【javascript】进阶学习
爱科比的博客
09-21 287
本文讲解全部使用js文件在h5文件中进行引入操作，而且鼓励大家使用谷歌浏览器还有查错功能，有错误就可以直接提示出来，开始愉快的学习之旅吧。 目录 1，学习如何在控制台进行打印. 2，创建变量以及在控制台进行变量查看(根据后面的赋值，js自动进行翻译)。 3,设置按钮弹出框 4，创建函数 5.逻辑运算符和三元运算符 6.进行简单的异常处理 7，位运算 8.Math中函数的使用 9...
innerHTML和document.write输出内容，哪个效率高呢？
09-29 3566
 “document.write性能要高一点，但如果采取一次性输出的方式，估计效率也差不多。另外，document.write只推荐在页面onload之前使用。” “我是当页面在浏览器中解析到我这段javascript的时候，调用js，然后要把得到的内容在主页面某处显示出来。目前是用document.write直接在js里面输出html的方式实现的。不知道采用innerHTML这种
innerHTML拼接效率测试（72）
weixin_45147894的博客
07-10 365
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>效率测试</title> </head> <body> </body> <script> function fn() { var d1 = +new Date(); var str ...
js中写文档write和innerHTML的区别
付博瀚
07-15 1686
document.write是直接写入到页面的内容流，如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数，会导致页面被重写。 innerHTML则是DOM页面元素的一个属性，代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容，则需要修改document.documentElement.in...
浅析 innerHTML 性能优化的原理
大城小胖的大城
04-16 347
昨天看了 lveyo老兄的"innerHTML的性能问题" 一文 [url]http://lveyo.iteye.com/blog/182891[/url] 该文介绍了一篇老外的关于提高innerHTML性能的文章. 老外的方法非常的怪异且神奇. 很多朋友在惊叹之余 对于背后的原理非常感兴趣. 受hax的提醒, 我看了一下webkit的代码.在这里我将分析的结果分享...
通过document.write()输出*形成的三角形图案、
最新发布
09-10
`document.write()` 是JavaScript中的一个函数，用于将字符串写入到网页文档的指定位置。要通过 `document.write...现代的Web开发更倾向于使用DOM操作方法，如 `innerHTML`、`appendChild` 等，来动态地操作页面元素。
JAVASCRIPT-DOCUMENT方法大全.pdf
09-30
JavaScript中的`document`对象是浏览器提供的全局对象，用于访问和...同时，了解`document`对象的其他高级特性，如`querySelector`、`querySelectorAll`、`addEventListener`等，将有助于开发更高效和健壮的Web应用。
用一下[removed].rar
05-19
本篇文章将深入探讨`document.write`的工作原理，以及它在页面装载前和装载后的应用场景。 1. `document.write`基本使用 `document.write`接收一个字符串或表达式作为参数，当执行到该语句时，会将参数中的内容...
JavaScript（四）（DOM/Node/NodeList/Document/Element）
qq_43456781的博客
07-22 861
JavaScript（四）（DOM） 文章目录JavaScript（四）（DOM）六、DOM33. DOM 概述33.1 DOM33.2 节点33.3 节点树（Document只有两个子节点doctype/html根节点）34. Node 接口34.1 属性34.1.1 Node.prototype.nodeType34.1.2 Node.prototype.nodeName34.1.3 Node.prototype.nodeValue34.1.4 Node.prototype.textContent34.
也谈Javascript的效率，createElement和innerHTML，为innerHTML平反
solo妖怪
10-11 335
最近遇到js的效率问题，是关于在页面中新增元素的问题； 假设：我们有页面如下 &lt;!--&lt;br /&gt; &lt;br /&gt; Code highlighting produced by Actipro CodeHighlighter (freeware)&lt;br /&gt; http://www.CodeHighlighter.com/&lt;br /&gt...
innerHTML和createElement创建元素哪一个效率会更高？
abcccc1111901的博客
02-20 694
innerHTML和createElement创建元素哪一个效率会更高
innerHTML与createElement创建元素效率对比
apple_54470279的博客
04-26 217
总结：执行效率对比：innerHTML() 数组转字符串 > createElement() > innerHTML() 拼接字符串。如果只是单纯的创建元素而不添加样式时，前两者的执行效率基本相等。createElement() 的代码结构更清晰。
(转)innerHTML和createElement效率比较
babybear315的专栏
08-31 398
让我再次想起这个问题源于前面的一次面试，记得当时问我的一个问题是“创建节点选用哪种方式比较好”，我当时的回答是：IE下面innerHTML效率更高，而非IE浏览器下面则是createElement更好。可是，面试官觉得我的结论是不正确的，“在各种浏览器下面，innerHTML都要比createElement效率更高的”！ 把回来后的一趟子事完成后，开始着手证明一下，其实，我当时回答的也不是...
关于document.write
weixin_30851867的博客
08-21 1310
document.write的用处 document.write是JavaScript中对document.open所开启的文档流(document stream操作的API方法，它能够直接在文档流中写入字符串，一旦文档流已经关闭，那document.write就会重新利用document.open打开新的文档流并写入，此时原来的文档流会被清空，已渲染好的页面就会被清除，浏览器将重新构建DOM并渲...
创建节点三种方式和性能比较
yimtcode
06-10 732
创建节点三种方式和性能比较 一、创建节点三种方式 （一）document.write() 注意如果页面已经加载完成，再调用会导致页面重绘 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> </head> <body> <script> document.wri
value与innerHTML，innerText的区别
qq_27346075的博客
10-01 2548
value与innerHTML，innerText的区别： innerHTML与innerText的区别我就不讲了，主要讲value与这两者的区别！ 1.value是表单元素的特有属性，非表单元素没有value属性，如div，span等； 2.value在不同表单元素里有不同的意义，如button为按钮中的文本，input（text）为默认文本，textarea为默认文本。。。 所以操作表...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值