使用window.opener或其他方法将javascript变量值从弹出窗口设置为父窗口

Question

I have an HTML page (Lets call this Parent Page), from where a new Pop-Up (Child Page) can be opened by clicking on a link. But I am in situation to set the Parent page's javascript variable by using the javascript processing on this pop-up page.

I tried using window.opener but it results into error Uncaught TypeError: Cannot set property 'parent_page_var' of null

I can also use jQuery if the it provides resolution, but I'll prefer Javascript.

PS: Everything is there on same domain, so there is no CORS thing required. I just want a simple solution

Here is the code for window.opener:

window.opener.parent_page_var = pop_up_variable_value;

Answer 1

IN the child page:

window.opener.parent_page_var.value = document.child_form_name.field_name.value;
self.close();