How to call a parent window function from an iframe using JavaScript?

To call a parent window function, use “window.top”.

Example

You can try to run the following code to call a parent window function from an iframe

Live Demo

<!DOCTYPE html>
<html>
   <body>
      <script>
         function display(){
            alert("Hello World!");
         }
      </script>
      <iframe id="myFrame">
         <a onclick="window.top.display();" href="#">Click</a>
      </iframe>
   </body>
</html>
Updated on: 2020-01-08T06:27:14+05:30

4K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements