将数据发送到单独的窗口javascript

时间:2012-05-24 06:11:52

标签: javascript

我使用以下命令从现有页面创建了一个新的弹出窗口:

window.open("myUrl","myName","width=200,height=200");

现在在弹出窗口中我有一个文本输入和一个按钮,我想为按钮创建一个onclick方法,该方法将文本输入值发送到创建弹出窗口的页面而不使用表单或php,这是可能的?

3 个答案:

答案 0 :(得分:6)

您可以使用 window.opener 关键字

假设您的父类中有一个javascript方法doSomething(value){....},那么从您的POPUP中可以使用

调用父函数
window.opener.doSomething("here is my data from child sent to parent");

<强>已更新

答案 1 :(得分:2)

假设父窗口和新窗口都在同一个域上,您应该能够直接操作他们的JS环境:

var w = window.open("myUrl", "myName", "width=200,height=200");
var e = w.document.getElementById('someId');
// do something with element e

如果它们位于不同的域中,则可能需要使用window.postMessage或其他跨域消息传递技术,如果目标浏览器不支持window.postMessage。

答案 2 :(得分:0)

任何打开的窗口调用都会形成对新窗口的get请求。这是一种非常简单的方法,您可以使用URL本身传递要发送的参数,例如

var myUrl = "http://example.com/test?myName=" + myName;
window.open(myUrl,"windowName","width=200,height=200");

现在,您可以在页面上获取myName作为请求参数。请试试这个。