Home/ Questions/Q 8093859
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T20:36:07+00:00

Want to run javascript function from parent window in child window Example I have

  • 0

Want to run javascript function from parent window in child window

Example

I have to different websites let’s say site1.com and site2.com

I want from site1.com to open new window of URL site2.com

new_window = window.open("site2.com/index.php", "window2");

Then i want to run a js function test() on this new_window.

// Where site2.com/index.php 
<html>
    ......
</html>
<script>
   function test(){
    // some code here
   }
</script>

Summary

Want to open new window (child) and run some JS functions from parent window.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use cross document messaging to circumvent the same origin policy as follows.

    Parent window (site1.com):

    var site2 = window.open("http://site2.com");
site2.postMessage("test", "http://site2.com");

    Child window (site2.com):

    function test() {
    // some code here
}

window.addEventListener("message", function (event) {
    if (event.origin === "http://site1.com") {
        var funct = window[event.data];
        if (typeof funct === "function")
            funct();
    }
}, false);

    This is a simple example. You could make it more sophisticated to allow callbacks, return values, etc. but that would require a blog post to be fully explained.

    You may read more about window.postMessage on the Mozilla Developer Network.

    Note however that the following example will not work in Internet Explorer (obviously).

    • 0