У меня есть страница, которая порождает всплывающее окно браузера. У меня есть переменная JavaScript в родительском окне браузера, и я хотел бы передать ее во всплывающее окно браузера.
Есть ли способ сделать это? Я знаю, что это можно сделать через кадры в одном и том же окне браузера, но я не уверен, что это можно сделать через окна браузера.
При условии, что окна относятся к одному и тому же домену безопасности и у вас есть ссылка на другое окно, да.
Метод Javascript open() возвращает ссылку на созданное окно (или существующее окно, если оно повторно использует существующее). К каждому окну, созданному таким образом, применяется свойство "window.opener", указывающее на создавшее его окно.
Затем любой из них может использовать DOM (в зависимости от безопасности) для доступа к свойствам другого или его документам, фреймам и т. д.
window.postMessage.
- person Brian; 01.04.2013
Подводя код к делу, сделать это можно из родительского окна:
var thisIsAnObject = {foo:'bar'};
var w = window.open("http://example.com");
w.myVariable = thisIsAnObject;
или это из нового окна:
var myVariable = window.opener.thisIsAnObject;
Я предпочитаю последнее, потому что вам, вероятно, все равно придется ждать загрузки новой страницы, чтобы вы могли получить доступ к ее элементам или к чему угодно.
var x = {foo: 'bar'} - это просто компактный литеральный синтаксис для создания объекта. Это то же самое, что и var x = new Object(); x.foo = 'bar';
- person sergiopereira; 19.09.2013
var myVariable = window.opener.thisIsAnObject; не работает, а var myVariable = thisIsAnObject; работает. Кто-нибудь знает, почему это так? Есть ли ошибка в ответе выше или это что-то с новыми браузерами или версиями?
- person Krøllebølle; 16.10.2015
(new XMLSerializer()).serializeToString(myVariable). он отлично работает в Chrome. Но не работает в Edge, получая ошибку Parser. У кого-нибудь есть решение для браузера Edge?
- person Apparao; 21.01.2016
Да, скрипты могут получать доступ к свойствам других окон в том же домене, на который у них есть дескриптор (обычно это делается через window.open/opener и window.frames/parent). Обычно удобнее вызывать функции, определенные в другом окне, чем напрямую возиться с переменными.
Однако окна могут умирать или двигаться дальше, и браузеры по-разному реагируют на это. Убедитесь, что окно (а) все еще открыто (!window.closed) и (б) имеет ожидаемую доступную функцию, прежде чем пытаться его вызвать.
Простые значения, такие как строки, хороши, но, как правило, не рекомендуется передавать сложные объекты, такие как функции, элементы DOM и замыкания, между окнами. Если дочернее окно сохраняет объект из своего открывателя, затем открыватель закрывается, этот объект может стать «мертвым» (в некоторых браузерах, таких как IE) или вызвать утечку памяти. Могут возникнуть странные ошибки.
Передача переменных между окнами (если ваши окна находятся в одном домене) может быть легко выполнена с помощью:
Можно передать сообщение из «родительского» окна в «дочернее» окно:
в "родительском окне" открыть дочерний
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 должен быть изменен в соответствии с контекстом
В вашем родительском окне:
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 в более позднем ответе.
Вы можете легко передавать переменные и ссылаться на вещи в родительском окне:
// 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!");
}
Да, это можно сделать, если оба окна находятся в одном домене. Функция window.open() вернет дескриптор нового окна. Дочернее окно может получить доступ к родительскому окну с помощью элемента DOM "opener".
Для меня не работает следующее
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 должен быть глобальным.
Кроме того, вы можете добавить его к URL-адресу и позволить языку сценариев (PHP, Perl, ASP, Python, Ruby и т. д.) обрабатывать его на другой стороне. Что-то типа:
var x = 10;
window.open('mypage.php?x='+x);
Я изо всех сил пытался успешно передать аргументы во вновь открытое окно.
Вот что я придумал:
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/
Вы можете использовать window.name в качестве транспорта данных между окнами, и он также работает в разных доменах. Официально не поддерживается, но, насколько я понимаю, на самом деле очень хорошо работает в разных браузерах.
Дополнительная информация здесь, в этом сообщении Stackoverflow
Да браузеры очищают все исх. для окна. Таким образом, вам нужно искать ClassName чего-либо в главном окне или использовать файлы cookie в качестве домашней ссылки Javascript.
У меня есть радио на странице моего проекта. И тогда вы включаете радио, оно запускается во всплывающем окне, и я управляю ссылками главного окна на главной странице и показываю статус воспроизведения, и в FF это просто, а в MSIE не так просто. Но это может быть сделано.
Функция window.open() также позволит это сделать, если у вас есть ссылка на созданное окно, при условии, что оно находится в том же домене. Если переменная используется на стороне сервера, вы должны использовать переменную $_SESSION (при условии, что вы используете PHP).
