Установите функцию обратного вызова в новое окно в javascript

Question

Есть ли простой способ установить функцию «обратного вызова» в новое окно, которое открывается в javascript? Я хотел бы запустить функцию родителя из нового окна, но я хочу, чтобы родитель мог установить имя этой конкретной функции (чтобы он не был жестко запрограммирован на новой странице Windows).

Например, в родителю у меня есть:

function DoSomething { alert('Something'); } 
... 
<input type="button" onClick="OpenNewWindow(linktonewwindow,DoSomething);" /> 

И в дочернем окне Я хочу:

<input type="button" onClick="RunCallbackFunction();" /> 

Вопрос заключается в том, чтобы создать этот OpenNewWindow и RunCallbackFunction функции. Хотя я хочу отправить имя функции в качестве параметра запроса в новое окно (где скрипт на стороне сервера генерирует соответствующие вызовы функций в HTML-файле сгенерированного дочернего элемента), но я думал, есть ли другой или лучший способ выполнить это, возможно, что-то, что даже не требует вмешательства на стороне сервера.

Чистые javascript, серверные решения и jQuery (или другие фреймворки) приветствуются.

Answer 1

Обновлено для комментариев: Если вы открываете окно, то на странице ребенка вы можете установить функцию в ребенка, чтобы быть просто ссылка указывает на материнскую функцию, так что есть это на странице ребенка с помощью window.open() :

var RunCallbackFunction = function() { }; //reference holder only 

Затем в родителе (нож), установите эту функцию, если это окно ребенка нагрузка, как это:

//random function you want to call 
function myFunc() { alert("I'm a function in the parent window"); } 

//to actually open the window.. 
var win = window.open("window.html"); 
win.onload = function() { win.RunCallbackFunction = myFunc; }; 

назначает функцию в вашем родителе теперь будет целью этого ребенка , .. и вы можете указать каждому ребенку на другую функцию, если хотите, все они независимы.

Answer 2

var newWindow = window.open(window.location.origin); 

newWindow.onload = function() { 
    $(newWindow.document.body).addClass('new-window-body-class'); 
};