Can I pass a JavaScript variable to another browser window

Question

I have a page which spawns a popup browser window  I have a JavaScript variable in the parent browser window and I would like to pass it to the popped-up browser window   Is there a way to do this  I know this can be done across frames in the same browser window but I m not sure if it can be done across browser windows

User · Answer

Passing variables between the windows  if your windows are on the same domain  can be easily done via        Cookies   localStorage  Just make sure your browser supports localStorage  and do the variable maintenance right  add delete remove  to keep localStorage clean

User · Answer

You can pass variables  and reference to things in the parent window quite easily      open an empty sample window  var win   open      win document write   lt html gt  lt body gt  lt head gt  lt  head gt  lt input value  Trigger handler in other window   type  button  id  button  gt  lt  input gt  lt  body gt  lt  html gt         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

User · Answer

I have struggled to successfully pass arguments to the newly opened window  Here is what I came up with    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            Example call   openWindow   contact  function firstname  lastname       this alert  Hello   firstname     lastname       John    Doe      Live example  http   jsfiddle net rj6o0jzw 1

User · Answer

One can pass a message from the  parent  window to the  child  window   in the  parent window  open the child      var win   window open  lt window location href gt     blank               setTimeout function                        win postMessage SRFBfromEBNF                          1000       win focus      the  to be replaced according to the context  In the  child       window addEventListener  message   function event            if event srcElement location href  window location href              do what you want with event data                         The if test must be changed according to the context

User · Answer

Yes  scripts can access properties of other windows in the same domain that they have a handle on  typically gained through window open opener and window frames parent   It is usually more manageable to call functions defined on the other window rather than fiddle with variables directly   However  windows can die or move on  and browsers deal with it differently when they do  Check that a window  a  is still open   window closed  and  b  has the function you expect available  before you try to call it   Simple values like strings are fine  but generally it isn t a good idea to pass complex objects such as functions  DOM elements and closures between windows  If a child window stores an object from its opener  then the opener closes  that object can become  dead   in some browsers such as IE   or cause a memory leak  Weird errors can ensue

User · Answer

One can pass a message from the  parent  window to the  child  window   in the  parent window  open the child      var win   window open  lt window location href gt     blank               setTimeout function                        win postMessage SRFBfromEBNF                          1000       win focus      the  to be replaced according to the context  In the  child       window addEventListener  message   function event            if event srcElement location href  window location href              do what you want with event data                         The if test must be changed according to the context

User · Answer

Yes  it can be done as long as both windows are on the same domain  The window open   function will return a handle to the new window  The child window can access the parent window using the DOM element  opener

User · Answer

Yes  scripts can access properties of other windows in the same domain that they have a handle on  typically gained through window open opener and window frames parent   It is usually more manageable to call functions defined on the other window rather than fiddle with variables directly   However  windows can die or move on  and browsers deal with it differently when they do  Check that a window  a  is still open   window closed  and  b  has the function you expect available  before you try to call it   Simple values like strings are fine  but generally it isn t a good idea to pass complex objects such as functions  DOM elements and closures between windows  If a child window stores an object from its opener  then the opener closes  that object can become  dead   in some browsers such as IE   or cause a memory leak  Weird errors can ensue

User · Answer

Provided the windows are from the same security domain  and you have a reference to the other window  yes   Javascript s open   method returns a reference to the window created  or existing window if it reuses an existing one   Each window created in such a way gets a property applied to it  window opener  pointing to the window which created it   Either can then use the DOM  security depending  to access properties of the other one  or its documents frames etc

User · Answer

You can use window name as a data transport between windows - and it works cross domain as well  Not officially supported  but from my understanding  actually works very well cross browser   More info here on this Stackoverflow Post

User · Answer

Putting code to the matter  you can do this from the parent window   var thisIsAnObject    foo  bar    var w   window open  http   example com    w myVariable   thisIsAnObject    or this from the new window   var myVariable   window opener thisIsAnObject    I prefer the latter  because you will probably need to wait for the new page to load anyway  so that you can access its elements  or whatever you want

User · Answer

Yes browsers clear all ref  for a window  So you have to search a ClassName of something on the main window or use cookies as Javascript homemade ref   I have a radio on my project page  And then you turn on for the radio it  s starts in a popup window and i controlling the main window links on the main page and show status of playing and in FF it  s easy but in MSIE not so Easy at all  But it can be done

User · Answer

Alternatively  you can add it to the URL and let the scripting language  PHP  Perl  ASP  Python  Ruby  whatever  handle it on the other side  Something like   var x   10  window open  mypage php x   x

User · Answer

In your parent window   var yourValue    something   window open   childwindow html yourKey     yourValue     Then in childwindow html   var query   location search substring 1   var parameters       var keyValues   query split   amp     for  var keyValue in keyValues        var keyValuePairs   keyValue split           var key   keyValuePairs 0       var value   keyValuePairs 1       parameters key    value     alert parameters  yourKey       There is potentially a lot of error checking you should be doing in the parsing of your key value pairs but I m not including it here  Maybe someone can provide a more inclusive Javascript query string parsing routine in a later answer

User · Answer

Passing variables between the windows  if your windows are on the same domain  can be easily done via        Cookies   localStorage  Just make sure your browser supports localStorage  and do the variable maintenance right  add delete remove  to keep localStorage clean

User · Answer

Yes  it can be done as long as both windows are on the same domain  The window open   function will return a handle to the new window  The child window can access the parent window using the DOM element  opener

User · Answer

In your parent window   var yourValue    something   window open   childwindow html yourKey     yourValue     Then in childwindow html   var query   location search substring 1   var parameters       var keyValues   query split   amp     for  var keyValue in keyValues        var keyValuePairs   keyValue split           var key   keyValuePairs 0       var value   keyValuePairs 1       parameters key    value     alert parameters  yourKey       There is potentially a lot of error checking you should be doing in the parsing of your key value pairs but I m not including it here  Maybe someone can provide a more inclusive Javascript query string parsing routine in a later answer

User · Answer

Putting code to the matter  you can do this from the parent window   var thisIsAnObject    foo  bar    var w   window open  http   example com    w myVariable   thisIsAnObject    or this from the new window   var myVariable   window opener thisIsAnObject    I prefer the latter  because you will probably need to wait for the new page to load anyway  so that you can access its elements  or whatever you want

User · Answer

Provided the windows are from the same security domain  and you have a reference to the other window  yes   Javascript s open   method returns a reference to the window created  or existing window if it reuses an existing one   Each window created in such a way gets a property applied to it  window opener  pointing to the window which created it   Either can then use the DOM  security depending  to access properties of the other one  or its documents frames etc

User · Answer

Yes browsers clear all ref  for a window  So you have to search a ClassName of something on the main window or use cookies as Javascript homemade ref   I have a radio on my project page  And then you turn on for the radio it  s starts in a popup window and i controlling the main window links on the main page and show status of playing and in FF it  s easy but in MSIE not so Easy at all  But it can be done

User · Answer

Alternatively  you can add it to the URL and let the scripting language  PHP  Perl  ASP  Python  Ruby  whatever  handle it on the other side  Something like   var x   10  window open  mypage php x   x

User · Answer

Provided the windows are from the same security domain  and you have a reference to the other window  yes   Javascript s open   method returns a reference to the window created  or existing window if it reuses an existing one   Each window created in such a way gets a property applied to it  window opener  pointing to the window which created it   Either can then use the DOM  security depending  to access properties of the other one  or its documents frames etc

User · Answer

You can pass variables  and reference to things in the parent window quite easily      open an empty sample window  var win   open      win document write   lt html gt  lt body gt  lt head gt  lt  head gt  lt input value  Trigger handler in other window   type  button  id  button  gt  lt  input gt  lt  body gt  lt  html gt         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

User · Answer

Yes  scripts can access properties of other windows in the same domain that they have a handle on  typically gained through window open opener and window frames parent   It is usually more manageable to call functions defined on the other window rather than fiddle with variables directly   However  windows can die or move on  and browsers deal with it differently when they do  Check that a window  a  is still open   window closed  and  b  has the function you expect available  before you try to call it   Simple values like strings are fine  but generally it isn t a good idea to pass complex objects such as functions  DOM elements and closures between windows  If a child window stores an object from its opener  then the opener closes  that object can become  dead   in some browsers such as IE   or cause a memory leak  Weird errors can ensue

User · Answer

In your parent window   var yourValue    something   window open   childwindow html yourKey     yourValue     Then in childwindow html   var query   location search substring 1   var parameters       var keyValues   query split   amp     for  var keyValue in keyValues        var keyValuePairs   keyValue split           var key   keyValuePairs 0       var value   keyValuePairs 1       parameters key    value     alert parameters  yourKey       There is potentially a lot of error checking you should be doing in the parsing of your key value pairs but I m not including it here  Maybe someone can provide a more inclusive Javascript query string parsing routine in a later answer

User · Answer

The window open   function will also allow this if you have a reference to the window created  provided it is on the same domain  If the variable is used server side you should be using a   SESSION variable  assuming you are using PHP

User · Answer

Provided the windows are from the same security domain  and you have a reference to the other window  yes   Javascript s open   method returns a reference to the window created  or existing window if it reuses an existing one   Each window created in such a way gets a property applied to it  window opener  pointing to the window which created it   Either can then use the DOM  security depending  to access properties of the other one  or its documents frames etc

User · Answer

The window open   function will also allow this if you have a reference to the window created  provided it is on the same domain  If the variable is used server side you should be using a   SESSION variable  assuming you are using PHP

User · Answer

You can use window name as a data transport between windows - and it works cross domain as well  Not officially supported  but from my understanding  actually works very well cross browser   More info here on this Stackoverflow Post

User · Answer

The window open   function will also allow this if you have a reference to the window created  provided it is on the same domain  If the variable is used server side you should be using a   SESSION variable  assuming you are using PHP

User · Answer

Putting code to the matter  you can do this from the parent window   var thisIsAnObject    foo  bar    var w   window open  http   example com    w myVariable   thisIsAnObject    or this from the new window   var myVariable   window opener thisIsAnObject    I prefer the latter  because you will probably need to wait for the new page to load anyway  so that you can access its elements  or whatever you want

User · Answer

Alternatively  you can add it to the URL and let the scripting language  PHP  Perl  ASP  Python  Ruby  whatever  handle it on the other side  Something like   var x   10  window open  mypage php x   x

User · Answer

The window open   function will also allow this if you have a reference to the window created  provided it is on the same domain  If the variable is used server side you should be using a   SESSION variable  assuming you are using PHP

User · Answer

Yes  scripts can access properties of other windows in the same domain that they have a handle on  typically gained through window open opener and window frames parent   It is usually more manageable to call functions defined on the other window rather than fiddle with variables directly   However  windows can die or move on  and browsers deal with it differently when they do  Check that a window  a  is still open   window closed  and  b  has the function you expect available  before you try to call it   Simple values like strings are fine  but generally it isn t a good idea to pass complex objects such as functions  DOM elements and closures between windows  If a child window stores an object from its opener  then the opener closes  that object can become  dead   in some browsers such as IE   or cause a memory leak  Weird errors can ensue

User · Answer

For me the following doesn t work  var A    foo  bar    var w   window open  http   example com    w B   A      in new window var B   window opener B    But this works note the variable name   var B    foo  bar    var w   window open  http   example com    w B   B      in new window var B   window opener B    Also var B should be global

User · Answer

In your parent window   var yourValue    something   window open   childwindow html yourKey     yourValue     Then in childwindow html   var query   location search substring 1   var parameters       var keyValues   query split   amp     for  var keyValue in keyValues        var keyValuePairs   keyValue split           var key   keyValuePairs 0       var value   keyValuePairs 1       parameters key    value     alert parameters  yourKey       There is potentially a lot of error checking you should be doing in the parsing of your key value pairs but I m not including it here  Maybe someone can provide a more inclusive Javascript query string parsing routine in a later answer

User · Answer

I have struggled to successfully pass arguments to the newly opened window  Here is what I came up with    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            Example call   openWindow   contact  function firstname  lastname       this alert  Hello   firstname     lastname       John    Doe      Live example  http   jsfiddle net rj6o0jzw 1

User · Answer

Yes  it can be done as long as both windows are on the same domain  The window open   function will return a handle to the new window  The child window can access the parent window using the DOM element  opener

User · Answer

For me the following doesn t work  var A    foo  bar    var w   window open  http   example com    w B   A      in new window var B   window opener B    But this works note the variable name   var B    foo  bar    var w   window open  http   example com    w B   B      in new window var B   window opener B    Also var B should be global

User · Answer

Putting code to the matter  you can do this from the parent window   var thisIsAnObject    foo  bar    var w   window open  http   example com    w myVariable   thisIsAnObject    or this from the new window   var myVariable   window opener thisIsAnObject    I prefer the latter  because you will probably need to wait for the new page to load anyway  so that you can access its elements  or whatever you want

User · Answer

Yes  it can be done as long as both windows are on the same domain  The window open   function will return a handle to the new window  The child window can access the parent window using the DOM element  opener

User · Answer

Alternatively  you can add it to the URL and let the scripting language  PHP  Perl  ASP  Python  Ruby  whatever  handle it on the other side  Something like   var x   10  window open  mypage php x   x

[javascript] Can I pass a JavaScript variable to another browser window?

Examples related to javascript

Examples related to browser