为什么不建议在JS中使用innerHTML？

最新推荐文章于 2024-09-29 14:39:52 发布
最新推荐文章于 2024-09-29 14:39:52 发布
阅读量1.6k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hr226/article/details/107117450
版权

通过innerHTML修改内容，每次都会刷新，因此很慢。在innerHTML中没有验证的机会，因此更容易在文档中插入错误代码，使网页不稳定。

可能的解决方案：http://m.myexception.cn/ajax/208687.html

hr226
关注
为什么不推荐用innerText，最好用innerHTML
qq_37635012的博客
04-01 117
innerHTML和innerText 这两个属性都是获取document对象的文本内容的，innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。**同时，innerHTML 是所有浏览器都支持的，innerText 是IE浏览器和chrome 浏览器支持的，Firefox浏览器不支持。通过 chrome 浏览器打开，弹出内容为 “hello world” 和 “hello world”通过IE浏览器打开，弹出内容为 “hello world” 和 “hello world”
关于在innerHTML中JS不执行的问题
03-28
这就是为什么在`innerHTML`中插入的JS代码不执行的原因。 为了解决这个问题，我们可以采用以下几种方法： 1. **使用`document.createElement`和`element.appendChild`**：这种方法创建和操作DOM元素是安全的，因为...
JavaScript相关面试题:1.js垃圾回收机制；2.闭包；3.为什么不建议使用innerHTML；4.null和undefined的区别；5.new 操作符
xiaolu567的博客
07-23 936
当声明了一个变量并将一个引用类型赋值给该变量的时候，这个值的引用次数就加1。当这个值的引用次数变为0的时候，说明没有变量在使用，这个值没法被访问。因此，可以将它占用的空间回收，这样垃圾回收器会在运行的时候清理引用次数为0的值占用的空间。在IE中虽然JavaScript对象通过标记清除的方式进行垃圾回收，但是BOM与DOM对象是用引用计数的方式回收垃圾的。垃圾回收器会在运行的时候给存储在内存中的所有变量加上标记，然后去掉环境中的变量，以及被环境中变量所引用的变量(闭包)的标记。............
简述为什么不建议在 JavaScript中使用 innerHTML？
最新发布
csdn_Levy的博客
09-29 159
是一个常用的 JavaScript 属性，它可以获取或替换 HTML 元素的内容。然而，它有一些潜在的问题，所以在某些情况下并不推荐使用。插入用户提供的内容，那么恶意用户可能会插入一些执行恶意代码的脚本。为了避免这种问题，你需要确保你插入的内容是安全的，或者使用其他方法（如。替换一个元素的内容，那么这个元素及其所有后代元素的所有事件监听器都会被移除。如果你希望保持这些事件监听器，你需要在每次使用。有这些问题，但在某些情况下，它仍然是一个非常有用的工具。只是在使用时，需要注意上述的一些问题。
Javascript:小心使用innerHTML
weixin_33955681的博客
08-18 155
最近在做AJAX,想用javascript实现DataList功能,遇到一个棘手的问题,由于要生成的HTML很长,所以我写成如下的形式: list.innerHTML="<table><tr>"; list.innerHTML+="<td>" ...... 但是这样生成的innerHTML始终不对,研究了半天,原来是innerHTML搞得鬼.innerH...
[js] innerHTML有什么缺点？
歌谣的博客
01-08 843
[js] innerHTML有什么缺点？ innerHTML的修改和添加，元素中旧的内容被移除新的内容会被重新写入元素。innerHTML内容将会被重新解析和构建元素。例如 innerHTML+ = ”“ 时，内容”归零” 重写，所有的图片和资源重新加载，这样会消耗更多的时间。 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
html 不能选择的空格,为什么innerHTML不能使用空格？
weixin_35840387的博客
06-04 421
如果您使用此技术，则可能会遇到问题。很抱歉，不如何将点击事件附加到现代javascript中的元素，至少如果您想使用所谓的“良好做法”。更好的方法是使用javascript将click事件附加到所需元素。我会给你一个简短的代码示例。首先是HTML - 我会使用您原来的HTML(稍加修改)：Initial text. front back 如您所见，我已从按钮中删除了“onclick”事件，并...
怎么在innerHTML中使用xpath
06-13
在innerHTML中使用xpath可以通过以下步骤实现： 1. 首先获取包含需要查找元素的父元素，可以使用 `document.... 因此，建议尽量避免在innerHTML中使用XPath查找元素，而是直接使用DOM方法或jQuery等库进行元素查找。
js中innerHTML与innerText的用法与区别
04-29
### JavaScript中的innerHTML与innerText的用法与区别 在前端开发中，经常需要用到JavaScript来操作DOM元素，其中`innerHTML`和`innerText`是非常重要的属性，它们分别用于获取或设置元素内部的HTML内容和纯文本...
innerHTML与jquery里的html()区别介绍
12-11
然而，在 Internet Explorer 中，对于某些特定元素如 `tbody` 和 `tr`，`innerHTML` 在 IE 下是只读的，这意味着你不能直接通过 `innerHTML` 来写入内容，这样做会导致“目标对象错误”。 jQuery 的 `.html()` 方法...
第10天 innerHTML有什么缺点？
qq_36529240的博客
12-13 189
innerHTML的修改和添加，元素中旧的内容被移除新的内容会被重新写入元素。innerHTML内容将会被重新解析和构建元素。例如 innerHTML+ = ”“ 时，内容”归零” 重写，所有的图片和资源重新加载，这样会消耗更多的时间。 ...
让innerHTML的脚本也可以运行起来
12-07
最近在脑子一直在想pjblog重构的问题.当然重构前,必须把所有需要做的东西想清楚.其中想到一个js改进的内容,需要innerHTML后的脚本也可以运行.但是尝试了一下.发现IE下直接innerHTML的脚本无法执行. 尝试了几次发现,插入的HTML里,[removed]前面有其他对象,并且script 设置了 defer , 这样的脚本innerHTML被IE执行了. ,但是这招对于firefox不灵~~  后来找了一些资料发现 firefox 把对象重新 append 或者 insertBefore 一次就可以执行里面的脚本了.  程序代码 var fillHTML = function (
createElement与innerHtml性能比较
yangyang_cs的专栏
09-30 9137
js中，动态添加html的方法大致就是两种，一种是document.createElement等方法创建，然后使用Element.appendChild添加，或者是使用Element.innerHTML = sHTML的方式。两种方法，显然前面一种更加灵活，除了Element.appendChild方法外，还有insertBefore等等其他dom操作方式。这里且不谈灵活性，但就性能做一个探索。
关于innerHTml的一些坑
Undefineddd的博客
05-07 713
如果用 document.getElementsByTagName  或者document.getElementsByTagclassName获取元素 再 用innerHTML  必须在document.getElementsByTagName后面加下标【index】 因为其返回的是个数组 而使用getId就不用， 因为其获取的是单个元素！
innerHTML 延后执行？
weixin_30755709的博客
01-20 207
时常会觉得 innerHTML 可能有延后执行的情况，比如下面代码： document.body.innerHTML = 'something'; alert('something else'); 明显发现，先是收到弹窗，再是 body 内容变了，所以会觉得 innerHTML 存在延后执行的情况，但是换个角度 document.body.innerHTML = 'someth...
浅谈 IE下innerHTML导致的问题
weixin_34266504的博客
05-22 94
先来看个demo吧： <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title&
js改变html文本的方法,javascript怎么改变文本内容
weixin_36094492的博客
06-14 7046
javascript改变文本内容的方法：首先使用“document.getElementById("元素id值")”语句获取到元素对象；然后使用innerHTML属性来改变文本内容，语法格式“元素对象.innerHTML=text;”。本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。JavaScript改变html网页的文本内容JavaScript能改变...
innerHTML() 与html( )的区别
lechen1013的博客
07-12 585
innerHTML() 与html( )的区别   在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。   innerHTML 是从对象的起始位置到终止位置的全部内容,包括Html标签   我原本一直以为innerHTML和jquery里的html其实是完全
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值