如何将 JavaScript 写入单独的窗口？答案

【问题标题】：How to write JavaScript to a separate window?如何将 JavaScript 写入单独的窗口？
【发布时间】：2010-04-23 06:36:49
【问题描述】：

我用 JavaScript 打开了一个新窗口：

var newwin = window.open('','preview','width=600,height=500');

现在我想在窗口中写一些 JavaScript：

newwin.document.write("<script type='text/javascript'>alert('Hi!');<" + "/script>");
newwin.document.close();

但是，脚本永远不会被执行。我做错了吗？

更新：好的，现在我已经完成了一部分工作。这是我当前的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type='text/javascript'>

function SetContent()
{
    $('#content').html('New Text');
}

function dowin()
{
    var newwin = window.open('','preview','width=600,height=500');

    newwin.document.write('<div id="content"></div><b>This should be replaced...</b>');
    newwin.document.close();

    var script = newwin.document.createElement("script");
    script.type = "text/javascript";
    script.src = 'jquery.js';
    newwin.document.body.appendChild(script);

    var script2 = newwin.document.createElement("script");
    script2.type = "text/javascript";
    script2.textContent = "(" + SetContent + ")();";
    newwin.document.body.appendChild(script2);
}

</script>
</head>
<body>
<button onclick='dowin();'>Open</button>
</body>
</html>

它应该改变div 的内容，但正如你所见，它没有。

【问题讨论】：

实际上，您的代码在我的 Firefox 3.7 上运行良好，但您也可以尝试我的方法。
顺便说一下，Chrome 的检查器是无用的，因为它被禁用弹出窗口:(

标签： javascript window

【解决方案1】：

您的代码在我的 Firefox 3.7、Opera 10 和 IE6 上运行良好，但您可以使用 DOM 函数尝试不同的方法。

var newwin = window.open('','preview','width=600,height=500');

function sayHi(){
    alert('Hi!');
}

var script = newwin.document.createElement("script");
script.type = "text/javascript";
script.textContent = "(" + sayHi + ")();";
newwin.document.body.appendChild(script);

如果它不起作用，您应该仔细检查浏览器上的弹出窗口阻止程序或 javascript 阻止程序。

【讨论】：

如果我想在新窗口中引用外部 .js 文件怎么办？
@George，试试script.src = 'http://external.com/some.js' 而不是.textContent
@George，我认为$('#content') 不会运行，因为 jQuery 没有在子窗口上完成加载。您可能需要在子窗口的onload 上运行它。

【解决方案2】：

function SetContent() 
{ 
    $(newwin).find('#content').html('New Text'); 
}

【讨论】：

好的，然后可能：$(newwin.document).find('#content').html('New Text');