How to call a javascript function when iframe finished loading?

Question

Could any one tell me how I can detect if an iframe has finished loading so I can call a javascript function and alert the user that iframe finished loading and do some other process inside the javascript function? (Note my iframe is my own site) Can I fire callback from within the iframe as I can have control over it? if yes how ?

<iframe id ='myframe' src='http://www.example.com/doit.php'></iframe>

Panos Bariamis · Accepted Answer · 2013-02-02 23:48:53Z

50

try this

<iframe id ='myframe' src='http://www.mysite.com/doit.php' onload="onLoadHandler();"></iframe>

<script type="text/javascript">
function onLoadHandler() {
    alert('loaded');
}
</script>

answered Feb 2, 2013 at 23:48

Panos Bariamis

4,6717 gold badges41 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

DJ Martin · Accepted Answer · 2023-07-05 17:29:38Z

14

If using jQuery, handle it just like anything loading:

$('#myframe').on('load', function() {
    // Handler for "load" called.
});

Obsolete answer:

$('#myframe').load(function() {
  // Handler for .load() called.
});

edited Jul 5, 2023 at 17:29

DJ Martin

568 bronze badges

answered Feb 2, 2013 at 23:45

John Conde

220k100 gold badges464 silver badges504 bronze badges

2 Comments

Graham T Over a year ago

Calling .load is now deprecated, use .on('load', function() {}) instead

Genaut Over a year ago

Only add a note: It is deprecated since version 3.x, but you can use it yet if you are in older versions

forastero · Accepted Answer · 2017-12-01 22:29:58Z

3

With just plain javascript

document.querySelector('#myframe').addEventListener("load", ev => {
    // your stuff
})

answered Dec 1, 2017 at 22:29

forastero

493 bronze badges

Collectives™ on Stack Overflow

How to call a javascript function when iframe finished loading?

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related