如何激活从 iframe 获取的 javascript 标签？

Question

我有一个 Javascript 富文本编辑器，我希望能够在 Javascript 标记中输入嵌入的小部件。 即：

<script src="http://www.mydomain.com/script.aspx?id=123" type="text/javascript"></script>

仍然使用 JS，我将 html 内容从 iframe 移动到页面中的 DIV 中：

<script>
    function copyRtfToDiv()
    {
        myiframe = document.getElementById('myiframe');
        postDiv = document.getElementById('blogPostDiv');
        content = myiframe.contentWindow.document.body.innerHTML;
        postDiv.innerHTML = content;
    }
</script>

当内容复制到 DIV 中时，不会调用脚本。 有没有办法让这个脚本运行？

Answer 1

首先，您似乎将 JavaScript 代码复制到 DIV 标记中。 这应该不起作用，因为它只会将其视为常规文本。 为了说明这一点，请比较这两个代码块。 第一个是 DIV：

<div>alert('hello!');</div>

它会在页面上显示，如下所示：

alert('hello!');

第二个代码块是一个脚本：

<script>alert('hello!');</script>

它将打开一个带有文本“hello！”的消息框，并等待用户单击“确定”。 但除此之外，不会在页面中显示任何内容。

您的目标是第二个选项 - 实际上运行驻留在标记之间的 JavaScript 代码的选项。

我建议将要调用的脚本包装在函数中，并按名称调用该函数。 假设您在 IFRAME 中有一个 HTML 文档，其正文如下所示：

<div id='jscode'>
   function mycode() {
       // This is some code!
       alert('Hello there!'); 
   }
</div>

然后，您可以在 IFRAME 的父文档（包含 标记的文档）中使用以下内容父级中的代码将其导入到父级的 DOM 中：

function copyRtfToDiv()
{
    myiframe = document.getElementById('myiframe');
    content = myiframe.contentWindow.document.GetElementById('jscode').innerHTML;
    newscripttag = document.createElement('script');
    newscripttag.innerHTML = content;
    mycode();
}

我不知道为什么你会想要做这样的事情 - 这基本上是重新设置 JavaScript 代码的父级以使其存在于文档的 DOM 中； 有更好的方法可以做到这一点，其中最重要的是使用可以简单地从外部调用的不同编辑器。 例如，tinyMCE 和 FCKEditor.

祝你好运！