iFrame onload JavaScript event

javascript iframe dom-events onload onload-event
Peleke picture Peleke · Mar 24, 2015 · Viewed 180.5k times · Source

I have an iFrame, where I want to send a JavaScript command after loading. My current code looks like this:

<iframe src="http://www.test.tld/" onload="__doPostBack('ctl00$ctl00$bLogout','')">

But with this code the command isn't executed. What must I change to make it work? Only Chrome and Firefox have to be supported.

Answer

Jasper picture Jasper · Mar 24, 2015

Use the iFrame's .onload function of JavaScript:

<iframe id="my_iframe" src="http://www.test.tld/">
    <script type="text/javascript">
        document.getElementById('my_iframe').onload = function() {
            __doPostBack('ctl00$ctl00$bLogout','');
        }
    </script>
    <!--OTHER STUFF-->
</iframe>

Related questions

Detect Click into Iframe using JavaScript

I understand that it is not possible to tell what the user is doing inside an iframe if it is cross domain. What I would like to do is track if the user clicked at all in the iframe. I …

Read More
Detect mousemove when over an iframe?

I have an iframe that takes up the entire window (100% wide, 100% high), and I need the main window to be able to detect when the mouse has been moved. Already tried an onMouseMove attribute on the iframe and it obviously …

Read More
How to trigger 'beforeunload' event from within an IFRAME

I have an application (name it B) which is being embbeded in an Iframe by another main application (Name it A or parent). So: App A-- // domain of A: https://mydomain/mainApp |___ App B in Iframe // domain in B: https://…

Read More