I have a iframe (in my domain), that iframe has a file iframe.js
.
My parent document has a file parent.js
.
I need to call a function that is in parent.js
, from a function that is in iframe.js
.
I tried doing window.parent.myfunction()
this function is in the parent.js
file.
But, it didn't work. Only when I put the function on the parent page (I mean in the HTML), then it worked.
Any idea how to get this to work?
To call a parent window function, use “window. top”.
Calling a parent JS function from iframe is possible, but only when both the parent and the page loaded in the iframe are from same domain i.e. example.com , and both are using same protocol i.e. both are either on http:// or https:// .
Yes, it's not any hack or something, but with simple functions you can communicate in between iframe and it's parent website. First of all, let's know about the iframe. 'iframe' is very popular html tag which enables you to keep another webpage inside a webpage.
Try just parent.myfunction()
. Also be 100% sure that the parent.js is included in your parent document.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With