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>

Answer 1

try this

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

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

Answer 2

Handle it just like anything loading:

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

Obsolete answer:

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