JavaScript中eval执行HTML代码的兼容性问题与解决方案
作者：函数茶馆时间：2026-10-27 20:24:41浏览：186
本文探讨在JavaScript中使用eval函数执行HTML字符串时遇到的兼容性问题。由于浏览器解析机制差异，直接eval包含HTML标签的字符串可能失效。通过闭合当前script标签并重新开启的方式，可成功执行HTML代码。
eval执行HTML代码的兼容性问题
在编写JavaScript代码时，有时会发现eval()函数无法直接执行包含HTML标签的字符串。例如：
代码如下:
<script>eval('<li>hehe</li>')</script>通过闭合script标签解决执行问题
上述代码通常无法执行，但通过调整字符串结构即可实现：
代码如下:
<script>eval('</script><li>hehe</li><script>')</script>作者最新文章
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数？
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑？
2026-11-05 14:01:09