Call Javascript function defined inside iframe

Question

I want to call javascript function (on click()) which is inside Iframe

<a onclick="abc();" href=# >Call Function which is inside Iframe </a>

<iframe id=myFrame>
   <script>
     function abc(){
         alert("I am inside Iframe");
     }
    </script>
</iframe>

It will be better if there is solution in JQuery.

Thank you

possible duplicate of https://stackoverflow.com/questions/251420/invoking-javascript-code-in-an-iframe-from-the-parent-page?rq=1 — Christian, Aug 30 '17 at 13:36

score 35 · Answer 1 · answered Mar 03 '14 at 13:18

You can do that this way:

<a onclick="$('#myFrame')[0].contentWindow.abc();">Call function which is inside of Iframe</a>

Basically, I get a reference to the Iframe. contentWindow is the global (window) object for the iframe, and all global functions in a document are methods of window.

As a note, you can only do this if both pages, the one containing the iframe and the one in the iframe come from the same domain.

score 26 · Answer 2 · answered Mar 03 '14 at 13:26

26

Use this to access your frame function:

    document.getElementById('myFrame').contentWindow.abc()

answered Mar 03 '14 at 13:26

radia

1,456
1
13
18

8

+1 for not having to mixed jQuery when not needed. – Zyo Aug 26 '14 at 17:44

score 2 · Answer 3 · answered Mar 03 '14 at 13:31

2

You could also give the iframe a name='frameName', and then reference from the parent like this:
onclick="window.frameName.abc()"

answered Mar 03 '14 at 13:31

T4NK3R

4,245
3
23
25

1

doesn't work on chrome. – Zyo Aug 26 '14 at 17:43

Call Javascript function defined inside iframe

3 Answers3