html tutorial - onpageshow Attribute in HTML - html5 - html code - html form
- The onpageshow attribute occurs when a user redirect to a webpage.
- The onpageshow attribute is related to the onload attribute.
- The onload attribute happens when the page loads first.
- The onpageshow attribute happens every time the page is loaded, whereas the onload event does not happens though the page is loaded from the cache.
- The onpageshow attribute is the part of the Event Attributes.
Syntax for onpageshow attribute in HTML:
<body onpageshow="script">Applies To:
| Element | Attribute |
|---|---|
| <body> | onpageshow |
Attribute Values:
| Value | Description |
|---|---|
| script | The script can run on onpageshow |
Sample Coding for onpageshow Attribute in HTML:
Tryit<!DOCTYPE html>
<html>
<head>
<title>Wikitechy onpageshow attribute</title>
</head>
<body onpageshow="onPageShow()">
<h1>Wikitechy HTML onpageshow Attribute </h1>
<script>
function onPageShow()
{
alert("Welcome To Wikitechy!");
}
</body>
</html>Code Explanation for onpageshow Attribute in HTML:
- The onpageshow attribute calls the JavaScript Function onPageShow() and occurs when a user navigates the page every time.
- The JavaScript Function onPageShow() executes the alert dialogue box with the message ” Welcome to Wikitechy!”.
Output for onpageshow Attribute in HTML:
- On webpage loading, the alert box will be displayed with the message ” Welcome to Wikitechy!”
Browser Support for onpageshow Attribute in HTML:
 |
 |
 |
 |
 |
|---|---|---|---|---|
| Yes | 11.0 | Yes | 5.0 | Yes |