javascript - Check if a page is Full loaded and rendered -

how can check js if page has full loaded , rendered controls?

things this

document.addeventlistener('domcontentloaded', function() {     alert('js'); }, false); 

and this

$(document).ready(function(){     alert('jquery'); }); 

returns me when page loaded, not case. page has alot of iframes inside, , page full loaded iframes arent yet.

so need know when page full loaded , rendered. looks brownser page icon "does it" me, since changes when page done, in example below.

page not ready!

page ready!

use $(window).load(function() {}); or window.onload = function () {}

window.onload called once html tags/script, images, frames load.

references :-

difference between document.ready , window.onload

domcontentloaded