![]() |
Definition and UsageThe onload attribute fires when an object has been loaded. onload is most often used within the <body> element to execute a script once a web page has completely loaded all content (including images, script files, CSS files, etc.). However, it can be used on other elements as well (see "Supported HTML tags" below). The onload attribute can be used to check the visitor's browser type and browser version, and load the proper version of the web page based on the information. The onload attribute can also be used to deal with cookies (see "More Examples" below). Browser SupportSyntax
Attribute Values
Technical Details
|
Example:
HTML
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
alert("Page is loaded");
}
</script>
</head>
<body onload="myFunction()">
<h1>Hello World!</h1>
</body>
</html>
Example:
HTML
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
alert("Page is loaded");
}
</script>
</head>
<body onload="myFunction()">
<h1>Hello World!</h1>
</body>
</html>
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<img src="https://horje.com/avatar.png" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
</body>
</html>
Example:
HTML
<!DOCTYPE html>
<html>
<body onload="checkCookies()">
<p id="demo"></p>
<script>
function checkCookies() {
let text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text = "Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
html event attributes |
What is HTML onafterprint Event Attribute | Window Event Attributes |
What is HTML onbeforeprint Event Attribute | Window Event Attributes |
What is HTML onbeforeunload Event Attribute | Window Event Attributes |
What is HTML onerror Event Attribute | Window Event Attributes |
What is HTML onhashchange Event Attribute | Window Event Attributes |
What is HTML onload Event Attribute | Window Event Attributes |
What is HTML onoffline Event Attribute | Window Event Attributes |
What is HTML ononline Event Attribute | Window Event Attributes |
What is HTML onpageshow Event Attribute | Window Event Attributes |
What is HTML onresize Event Attribute | Window Event Attributes |
How to add a JavaScript immediately after a page has been loaded | Window Event Attributes |
How to use onload on an <img> element. Alert "Image is loaded" immediately after an image has been loaded | Window Event Attributes |
How to use the onload event to deal with cookies (using "advanced" javascript) | Window Event Attributes |
Read Full: | Window Event Attributes |
Type: | Develop |
Category: | Web Tutorial |
Sub Category: | Window Event Attributes |
Uploaded by: | Admin |
Views: | 17 |
Reffered: https://www.w3schools.com/tags/ev_onload.asp