11

我用 window.open() 打开了一个新窗口，我想使用 window.open() 调用中的引用，然后将内容写入新窗口。我尝试使用 myWindow.document.body.innerHTML = oldWindowDiv.innerHTML; 将 HTML 从旧窗口复制到新窗口。但那是行不通的。有任何想法吗？

4

4 回答 4

13

返回的引用window.open()是对子窗口window对象的引用。所以你可以做任何你通常会做的事情，这里有一个例子：

var myWindow = window.open('...')
myWindow.document.getElementById('foo').style.backgroundColor = 'red'

请记住，这仅在父窗口和子窗口具有相同域的情况下才有效。否则跨站点脚本安全限制将阻止您。

于 2008-10-04T06:04:29.637 回答
7

我认为这会成功。

   function popUp(){

    var newWindow = window.open("","Test","width=300,height=300,scrollbars=1,resizable=1")

    //read text from textbox placed in parent window
    var text = document.form.input.value

    var html = "<html><head></head><body>Hello, <b>"+ text +"</b>."
    html += "How are you today?</body></html>"


    newWindow .document.open()
    newWindow .document.write(html)
    newWindow .document.close()

    }
于 2008-10-04T06:02:51.463 回答
0

Vijesh 提到的表单解决方案是在窗口之间传递数据的基本思想。如果你正在寻找一些库代码，有一个很棒的 jQuery 插件可以解决这个问题：WindowMsg（由于奇怪的 Stack Overflow 自动链接错误，请参阅底部的链接）。

正如我在此处的回答中所描述的：如何在 GMail 中实现聊天窗口的弹出功能？WindowMsg 在每个窗口中使用一个表单，然后使用 window.document.form['foo'] 哈希进行通信。正如 Dan 上面提到的，这仅在窗口共享域时才有效。

同样如另一个线程中所述，您可以使用 JSON.org 中的 JSON 2 库来序列化 javascript 对象，以便以这种方式在窗口之间发送，而不必仅使用字符串进行通信。

窗口消息：

http://www.sfpeter.com/2008/03/13/communication-between-browser-windows-with-jquery-my-new-plugin/

于 2008-10-04T07:43:25.817 回答
-1 
myWindow.document.writeln(documentString)
于 2008-10-04T05:58:16.683 回答