How do I check if an iframe has fully loaded

Question

So I’m producing a site where I’m using iframes with other sites within it, see the image below:

Code:

<iframe width="100%" height="747px" src="www.site.com" id="iPrincipal" scrolling='no' frameborder="0" allowfullscreen="true">

But the point is that it takes a few seconds to fully load iframe/another site, so I wanted to know a way to identify if it was fully loaded. For example, an alert: 'iframe has been fully loaded'.

Thanks in advance :)

Answer 1

Hello, just put a window.load on the iframe page, like this

On the page containing the

<iframe src="SeuIframe.html">

Put the code below inside the tag

 <script type="text/javascript">
        function carregado(msg){ alert(msg) }
    </script>

Already in the page of Seuiframe.html, put this:

   <script type="text/javascript">
        window.onload = function(){
            parent.carregado("Página 100% carregado.")
        }
    </script>