Invoking JavaScript code in an iframe from the parent page

Question

Basically, I have an iframe embedded in a page and the iframe has some JavaScript routines I need to invoke from the parent page.

Now the opposite is quite simple as you only need to call parent.functionName(), but unfortunately, I need exactly the opposite of that.

Please note that my problem is not changing the source URL of the iframe, but invoking a function defined in the iframe.

Answer 1

Let's consider your iFrame's id is "targetFrame" and the function you want to call is targetFunction(), use the code like this:

document.getElementById('targetFrame').contentWindow.targetFunction();

You can also try to access the frame using window.frames instead of document.getElementById.

// this option does not work in most of latest versions of chrome and Firefox

window.frames[0].frameElement.contentWindow.targetFunction();