How do I write content to another browser window using Javascript?

前端未结

关注

 4  2122

I\'ve opened a new window with window.open() and I want to use the reference from the window.open() call to then write content to the new window. I\'ve tried copying HTML f

相关标签:

4条回答

谎友^

2020-12-01 17:29

The form solution that Vijesh mentions is the basic idea behind communicating data between windows. If you're looking for some library code, there's a great jQuery plugin for exactly this: WindowMsg (see link at bottom due to weird Stack Overflow auto-linking bug).

As I described in my answer here: How can I implement the pop out functionality of chat windows in GMail? WindowMsg uses a form in each window and then the window.document.form['foo'] hash for communication. As Dan mentions above, this does only work if the window's share a domain.

Also as mentioned in the other thread, you can use the JSON 2 lib from JSON.org to serialize javascript objects for sending between windows in this manner rather than having to communicate solely using strings.

WindowMsg:

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

0 讨论(0)
发布评论:

提交评论
- 加载中...

北恋

2020-12-01 17:35

I think this will do the trick.

   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()

    }

0 讨论(0)

长发绾君心

2020-12-01 17:40
```
myWindow.document.writeln(documentString)
```
0 讨论(0)
发布评论:

提交评论
- 加载中...
南旧

2020-12-01 17:45
The reference returned by window.open() is to the child window's window object. So you can do anything you would normally do, here's an example:
```
var myWindow = window.open('...')
myWindow.document.getElementById('foo').style.backgroundColor = 'red'
```
Bear in mind that this will only work if the parent and child windows have the same domain. Otherwise cross-site scripting security restrictions will stop you.
0 讨论(0)
发布评论:

提交评论
- 加载中...