www.pickatutorial.com Computer Tutorials
Top eBooks: C/C++ | C# | Android | Mathematics | Database | Cloud | Graphics | Networking | Oracle | Hardware | AI
Top Tutorials: C/C++ | C#.NET | PHP MySQL | Java | Java Script | jQuery | HTML | xHTML | HTML5 | VB Script| CSS
Lessons JavaScript Events onLoad and onUnload Bookmark and Share
Tutorial Home
Lesson 1
Lesson 2
Lesson 3
Lesson 4
Lesson 5
Lesson 6
Lesson 7
Lesson 8
Lesson 9
Lesson 10
Lesson 11
Lesson 12
Lesson 13
Lesson 14
Lesson 15
Lesson 16
Lesson 17
Lesson 18
Lesson 19
Lesson 20
Lesson 21
Lesson 22
Lesson 23
Lesson 24
Lesson 25
Lesson 26
Lesson 27
Lesson 28
Lesson 29
Lesson 30
Lesson 31
Lesson 32
Lesson 33
Lesson 34
Lesson 35
Lesson 36
Lesson 37
Lesson 38
Lesson 39
Lesson 40
Lesson 41
Lesson 42
Lesson 43
Lesson 44
Lesson 45
Lesson 46
Lesson 47
Lesson 48
Lesson 49

The onLoad event is triggered when the user enters a webpage.

The onUnload event is triggered when the users leaves a webpage.

These events are usually attached with the HTML body tag of a webpage. The code associated with the onLoad event is triggered as soon as the web page is loaded. On the other hand the code associated with the onUnload event is triggered as the user leaves a webpage.

The following code example uses the onLoad and onUnload events:

<html>
<head>
<script type="text/JavaScript">

function load() {
alert("Page Load Event");
}

function unload(){
alert("Page unLoad Event");
}

</script>

</head>

<body onLoad="load()" onUnload="unload()">
<!-- Webpage content goes here -->
</body>

</html>

The above code defines two JavaScript functions in the head section and then ties the two in the HTML body tag. The load() is called when the page loads and the unload() is called when the user leaves the page.

Next >>> Lesson No. 26: JavaScript Mouse Events







Home - Advertise - Contact - Disclaimer - About Us
© Since 2006 pickatutorial.com -- All Rights Reserved.