How to Call a Parent Window Function from an iFrame?

Invoking Parent Window Function from an iFrame

To establish communication between an iFrame and its parent window, you may encounter the need to call a parent window function from within the iFrame. This article explains how to accomplish this task.

Problem:

You have an iFrame embedded within a parent window, and you wish to invoke a JavaScript function defined in the parent window from the iFrame.

Consider the following code snippet:

<script>
    function abc() {
        alert("sss");
    }
</script>

<iframe>

In this example, clicking the "Call Me" link within the iFrame does not trigger the abc() function because the iFrame's JavaScript scope is isolated from the parent window.

Solution:

To call a parent window function from an iFrame, you need to explicitly specify the parent window using the window.parent property. Here's how you can modify the code:

<a onclick="parent.abc();" href="#">Call Me</a>

The parent.abc() syntax identifies the abc() function within the parent window's JavaScript context, allowing you to invoke it from the iFrame.

The above is the detailed content of How to Call a Parent Window Function from an iFrame?. For more information, please follow other related articles on the PHP Chinese website!