将带有 <script> 的代码插入 iFrame 时出现 Javascript 错误

标签 javascript iframe

我试图在几个 iFrame 中插入 html 内容,但在添加标签时出现了奇怪的 javascript 错误。我想要插入的代码看起来像(在真实的例子中有一些代码):

<head>
  <script>/*This line is causing the problem */</script>
</head>
<body>   
  <h1 style='text-align: center;'>This IS an iframe</h1>
</body>

js 错误是:未捕获类型错误:无法读取 null 的属性“appendChild”(您需要处于开发模式)。如果删除该行,错误将不再存在。

简化的源代码示例: https://codepen.io/anon/pen/MdoLpq

我在这里有点迷失,欢迎任何想法或提示。

最佳答案

我很确定 jQuery 会删除 <script>使用.html()时的标签方法。要解决此问题,请使用纯 JavaScript .innerHTML .

例如,而不是..

$("#1").contents().find('html').html( frameCode );

用这个替换...

$("#1").contents().find('html').get(0).innerHTML = frameCode;

关于将带有 &lt;script&gt; 的代码插入 iFrame 时出现 Javascript 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56199877/

相关文章:

javascript - 在 kotlin js 中嵌入资源

php - 如何在同一 iframe 中打开目标为 =“_blank” 的 iframe 中的链接?

javascript - 单击链接javascript播放iframe视频

javascript - 根据内容设置 iFrame 高度

php - 表格中的可变宽度列

javascript - "var x = "theBomb"in megalomaniac; "有什么作用?

javascript - 我如何使用 $scope 和 $watch 使用 angular-fullstack 生成器语法?

javascript - 如何将现有项目与jsconfig集成

html - 使 iframe float 在垂直对齐的右侧

javascript - 阻止 iframe 在移动设备上加载