75

我有一个页面会产生一个弹出式浏览器窗口。我在父浏览器窗口中有一个 JavaScript 变量,我想将它传递给弹出的浏览器窗口。

有没有办法做到这一点?我知道这可以在同一个浏览器窗口中跨框架完成,但我不确定是否可以跨浏览器窗口完成。

4

14 回答 14

113

将代码放在这件事上,您可以从父窗口执行此操作:

var thisIsAnObject = {foo:'bar'};
var w = window.open("http://example.com");
w.myVariable = thisIsAnObject;

或者从新窗口中:

var myVariable = window.opener.thisIsAnObject;

我更喜欢后者,因为您可能需要等待新页面加载,以便您可以访问其元素或任何您想要的。

于 2008-09-17T21:14:36.203 回答
46

如果这些窗口来自同一个安全域,并且您有对另一个窗口的引用,是的。

Javascript 的 open() 方法返回对创建的窗口(或现有窗口,如果它重用现有窗口)的引用。以这种方式创建的每个窗口都会应用一个属性“window.opener”,指向创建它的窗口。

然后可以使用 DOM(取决于安全性)来访问另一个的属性,或者它的文档、框架等。

于 2008-09-17T20:38:25.620 回答
8

是的,脚本可以访问它们拥有句柄的同一域中其他窗口的属性(通常通过 window.open/opener 和 window.frames/parent 获得)。调用在另一个窗口上定义的函数通常更易于管理,而不是直接摆弄变量。

但是,窗口可能会死掉或继续移动,并且浏览器会以不同的方式处理它。检查窗口 (a) 是否仍然打开 (!window.closed) 并且 (b) 具有您期望的可用功能,然后再尝试调用它。

字符串之类的简单值很好,但通常在窗口之间传递复杂的对象(例如函数、DOM 元素和闭包)并不是一个好主意。如果子窗口从其打开器存储一个对象,然后打开器关闭,则该对象可能会“死”(在某些浏览器中,例如 IE),或导致内存泄漏。可能会出现奇怪的错误。

于 2008-09-17T21:17:57.320 回答
6

在窗口之间传递变量(如果您的窗口在同一个域上)可以通过以下方式轻松完成:

  1. 饼干
  2. 本地存储。只需确保您的浏览器支持 localStorage,并正确进行变量维护(添加/删除/删除)以保持 localStorage 干净。
于 2013-05-23T16:40:52.217 回答
4

可以将消息从“父”窗口传递到“子”窗口:

在“父窗口”中打开孩子

    var win = window.open(<window.location.href>, '_blank');    
       setTimeout(function(){
                    win.postMessage(SRFBfromEBNF,"*")
                  },1000);
    win.focus();

根据上下文替换的

在“孩子”

    window.addEventListener('message', function(event) {
        if(event.srcElement.location.href==window.location.href){
        /* do what you want with event.data */
        }
    }); 

if 测试必须根据上下文进行更改

于 2017-01-17T21:30:45.347 回答
3

在您的父窗口中:

var yourValue = 'something';
window.open('/childwindow.html?yourKey=' + yourValue);

然后在 childwindow.html 中:

var query = location.search.substring(1);
var parameters = {};
var keyValues = query.split(/&/);
for (var keyValue in keyValues) {
    var keyValuePairs = keyValue.split(/=/);
    var key = keyValuePairs[0];
    var value = keyValuePairs[1];
    parameters[key] = value;
}

alert(parameters['yourKey']);

在解析键/值对时可能会进行大量错误检查,但我不包括在此处。也许有人可以在以后的答案中提供更具包容性的 Javascript 查询字符串解析例程。

于 2008-09-17T21:05:42.187 回答
2

您可以很容易地传递变量并引用父窗口中的内容:

// open an empty sample window:
var win = open("");
win.document.write("<html><body><head></head><input value='Trigger handler in other window!' type='button' id='button'></input></body></html>");

// attach to button in target window, and use a handler in this one:
var button = win.document.getElementById('button');

button.onclick = function() {
     alert("I'm in the first frame!");   
}
于 2014-01-31T15:34:24.593 回答
1

是的,只要两个窗口都在同一个域上,就可以做到。window.open() 函数将返回新窗口的句柄。子窗口可以使用 DOM 元素“opener”访问父窗口。

于 2008-09-17T20:39:26.320 回答
1

对我来说,以下不起作用

var A = {foo:'bar'};
var w = window.open("http://example.com");
w.B = A;

// in new window
var B = window.opener.B;

但这有效(注意变量名)

var B = {foo:'bar'};
var w = window.open("http://example.com");
w.B = B;

// in new window
var B = window.opener.B;

var B 也应该是全局的。

于 2019-11-18T10:49:34.610 回答
0

或者,您可以将其添加到 URL 并让脚本语言(PHP、Perl、ASP、Python、Ruby 等)在另一端处理它。就像是:

var x = 10;
window.open('mypage.php?x='+x);
于 2008-09-17T21:04:22.297 回答
0

我一直在努力成功地将参数传递给新打开的窗口。
这是我想出的:

function openWindow(path, callback /* , arg1 , arg2, ... */){
    var args = Array.prototype.slice.call(arguments, 2); // retrieve the arguments
    var w = window.open(path); // open the new window
    w.addEventListener('load', afterLoadWindow.bind(w, args), false); // listen to the new window's load event
    function afterLoadWindow(/* [arg1,arg2,...], loadEvent */){
        callback.apply(this, arguments[0]); // execute the callbacks, passing the initial arguments (arguments[1] contains the load event)
    }
}

示例调用:

openWindow("/contact",function(firstname, lastname){
    this.alert("Hello "+firstname+" "+lastname);
}, "John", "Doe");

活生生的例子

http://jsfiddle.net/rj6o0jzw/1/

于 2015-11-24T13:49:05.910 回答
0

您可以window.name用作窗口之间的数据传输 - 它也可以跨域工作。没有官方支持,但据我了解,实际上跨浏览器效果很好。

有关此 Stackoverflow 帖子的更多信息

于 2016-05-11T17:48:48.923 回答
-1

是的浏览器清除所有参考。一个窗口。因此,您必须在主窗口中搜索某个类名或使用 cookie 作为 Javascript 自制参考。

我的项目页面上有一台收音机。然后你打开收音机,它在一个弹出窗口中启动,我控制主页上的主窗口链接并显示播放状态,在 FF 中它很容易,但在 MSIE 中根本不那么容易。但这是可以完成的。

于 2011-10-08T09:50:00.220 回答
-2

如果您对创建的窗口有引用,window.open() 函数也将允许这样做,前提是它位于同一域中。如果该变量用于服务器端,您应该使用 $_SESSION 变量(假设您使用的是 PHP)。

于 2008-09-17T20:37:32.177 回答