运行 Javascript/jQuery 在 iframe 内
Run Javascript/jQuery inside iframe
我目前正在开发一个网络编辑器，您可以在其中输入 HTML、CSS 和 JavaScript 代码并实时查看结果。类似于 JSBin 或 JSFiddle 的东西。 （我这样做是为了获得一个离线编辑器）
我已经遇到过很多问题，尤其是 CSS，但我通过使用 iframe 并将我的所有代码注入其中解决了这些问题。在您键入一些 JavaScript.
之前，它的效果非常好
我在 <script></script> 之间发送代码，但与 CSS 不同，它不会 运行。非常奇怪的是，当我输入 $('button').css('color', 'red'); 之类的内容时，编辑器的按钮有效地受到影响，但我的 iframe 的按钮没有受到影响。与我的预期完全相反。我尝试了很多东西，看了论坛上的很多主题，但没有任何效果。我还尝试在我的 iframe 中加载一个空白页面。在那种情况下，JavaScript 运行s 但无法编辑 iframe 中的代码！这是怎么回事？我哪里错了？预先感谢您的帮助！
尝试像这样更新 iframe 的内容。
// this string contains both html and script
var html_string= "content";
document.getElementById('childFrame').src = "data:text/html;charset=utf-8," + escape(html_string);
通过直接更新 iframe DOM 像你这样的方式可能不是正确的方式。
我目前正在开发一个网络编辑器，您可以在其中输入 HTML、CSS 和 JavaScript 代码并实时查看结果。类似于 JSBin 或 JSFiddle 的东西。 （我这样做是为了获得一个离线编辑器）
我已经遇到过很多问题，尤其是 CSS，但我通过使用 iframe 并将我的所有代码注入其中解决了这些问题。在您键入一些 JavaScript.
之前，它的效果非常好我在 <script></script> 之间发送代码，但与 CSS 不同，它不会 运行。非常奇怪的是，当我输入 $('button').css('color', 'red'); 之类的内容时，编辑器的按钮有效地受到影响，但我的 iframe 的按钮没有受到影响。与我的预期完全相反。我尝试了很多东西，看了论坛上的很多主题，但没有任何效果。我还尝试在我的 iframe 中加载一个空白页面。在那种情况下，JavaScript 运行s 但无法编辑 iframe 中的代码！这是怎么回事？我哪里错了？预先感谢您的帮助！
尝试像这样更新 iframe 的内容。
// this string contains both html and script
var html_string= "content";
document.getElementById('childFrame').src = "data:text/html;charset=utf-8," + escape(html_string);
通过直接更新 iframe DOM 像你这样的方式可能不是正确的方式。