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: 08-Jan-2020

2K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements