HTML onpageshow Event Attribute - HTML Window Event Attributes

Definition and Usage

The onpageshow event occurs when a user navigates to a webpage.

The onpageshow event is similar to the onload event, except that it occurs after the onload event when the page first loads. Also, the onpageshow event occurs every time the page is loaded, whereas the onload event does not occur when the page is loaded from the cache.

Example of HTML onpageshow Event Attribute

Here Executes a JavaScript when a user navigates to a webpage.

index.html

Example: HTML

 <body onpageshow="myFunction()">

Output should be:

Browser Support of HTML onpageshow Event Attribute

The numbers in the table specify the first browser version that fully supports the event attribute.

Syntax of HTML onpageshow Event Attribute

<element onpageshow="script">

Attribute Values of HTML onpageshow Event Attribute

Value	Description
script	The script to be run on onpageshow

Technical Details of HTML onpageshow Event Attribute

Supported HTML tags:	<body>

How to add a JavaScript when a user navigates to a webpage

See the code.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body onpageshow="myFunction()">

<h1>Hello World!</h1>

<script>
function myFunction() {
  alert("Welcome!");
}
</script>

</body>
</html>

Output should be:

html event attributes

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Window Event Attributes
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference