Communicating with iFrame contents

Question

There is an iFrame that contains a whole document (<html> to </html>). This document contains some script tags too. My question is, can we call the functions of the scripts which are present in the iFrame?

I don't know about you but [how did you miss these from the search?](http://stackoverflow.com/search?q=iframe+communication) — Joseph, May 27 '12 at 12:25

score 1 · Accepted Answer · answered May 27 '12 at 12:26

1

If iframe navigates the same domain then you can use something like this:

var result = document.getElementById("frame").contentWindow.func(args);
console.log(result);

DEMO: http://jsfiddle.net/Mnt3e/

answered May 27 '12 at 12:26

VisioN

143,310
32
282
281

score 0 · Answer 2 · answered May 27 '12 at 12:24

0

You can access the iframe's content via the contentDocument property, but only if it belongs to the same domain.

answered May 27 '12 at 12:24

qwertyboy

1,576
15
25

In that case you'll want the `contentWindow` property in order to call the functions of the inner iframe. `theIframeNode.contentWindow.foobar()` should hopefully call the global `foobar` function inside the iframe. – Jonathan Protzenko May 27 '12 at 12:25

score 0 · Answer 3 · edited May 23 '17 at 10:28

0

If the frame is from different domain, and have the control over the source code, you can use postMessage to communicate between the frames / document.

For browser support there is some information here and we do have a jquery plugin with fallbacks for the browsers which do not support postMessage.

edited May 23 '17 at 10:28

Community

1
1

answered May 27 '12 at 12:43

Communicating with iFrame contents

3 Answers3