js when page is fully loaded code example

Example 1: how to trigger events when the document loads in js

document.addEventListener("DOMContentLoaded", ready);
function ready() {
    alert('DOM is ready');

    // image is not yet loaded (unless it was cached), so the size is 0x0
    alert(`Image size: ${img.offsetWidth}x${img.offsetHeight}`);
}

Example 2: how to check if page is loaded in javascript

<body onload="onload()">
	<div>
  		<p>TEXT</p>
  	</div>  
</body>

<script>
  function onload(){
	console.log("Window Has Been Loaded!")
}
</script>

Tags:

Javascript Example

Related