This article explains the purpose of the window.onload method in JavaScript by an example. The window.onload function executes to perform a task once the page on the browser finishes loading.
window.onload
Functionality Usage With Example in HTMLThe window.onload
method is triggered when the page is entirely loaded on the browser (as well as all images, style, scripts, and CDN). Here you can see an example of HTML
page source code that uses the window.onload method for auto-execution to display an alert box.
<html>
<head>
<title>(Window.onload function in HTML)</title>
<script type="text/javascript">
function code(){
alert(" Alert inside code function Window.onload");
}
window.onload=code();
</script>
</head>
<body>
<h1> Graphic Designer Firm </h1>
<p1> A craft of creating visual content to communicate messages.</p1>
</br> <img src = "Graphic-Design.png" height="500px" width="500px" >
</br> <hr width="800">
</body>
</html>
In the above HTML
page source, you can see the <script type="text/javascript">
tag that uses JavaScript
in doctype html. In the next step function code()
is declared inside of the <script>
tag.
The function code()
is called window.onload
. It displays a default alert dialogue when a web page loads completely with images and text content.
HTML
Code in Few StepsFollow these four easy steps and get a clear understanding of the window.onload
method.
.html
and open it with any default browser.You can achieve the alert message results by using an alternative onload
event via a body tag. Here is an example of a body tag that uses auto-execution to call a function code containing an alert box:
<script type="text/javascript">
function code(){
alert(" Alert inside code function");
}
</script>
<body onLoad="code()";>
In both examples, onLoad
of body tag and window.onload
have the same functionality to execute the statements after completing page load.
Write for us
DelftStack articles are written by software geeks like you. If you also would like to contribute to DelftStack by writing paid articles, you can check the write for us page.
Copyright © 2020. All right reserved
x
x