Horje
What is HTML onoffline Event Attribute

Definition and Usage

The onoffline attribute fires when the browser's connection status changes from online to offline.

Tip: The onoffline attribute is the opposite of the ononline attribute.


Browser Support

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

Syntax

<element onoffline="script">

Attribute Values

Value Description
script The script to be run on onoffline

Technical Details

Supported HTML tags: <body>

Example of HTML onoffline Event Attribute

Here executes a JavaScript when the browser changes from working online to working offline.
index.html
Example: HTML
<!DOCTYPE html>
<html>
<body ononline="onFunction()" onoffline="offFunction()">

<p>Try to disconnect from the internet to toggle between working online and offline.</p>

<script>
function onFunction() {
  alert ("Your browser is working online.");
}

function offFunction() {
  alert ("Your browser is working offline.");
}
</script>

</body>
</html>

Output should be:

How to add a JavaScript when the browser changes from working online to working offline

Try to disconnect from the internet to toggle between working online and offline.
index.html
Example: HTML
<!DOCTYPE html>
<html>
<body ononline="onFunction()" onoffline="offFunction()">

<p>Try to disconnect from the internet to toggle between working online and offline.</p>

<script>
function onFunction() {
  alert ("Your browser is working online.");
}

function offFunction() {
  alert ("Your browser is working offline.");
}
</script>

</body>
</html>

Output should be:

How to add a JavaScript when the browser changes from working online to working offline




html event attributes

Related Articles
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

Single Articles
How to add a JavaScript when the browser changes from working online to working offlineWindow Event Attributes

Read Full:
Window Event Attributes
Type:
Develop
Category:
Web Tutorial
Sub Category:
Window Event Attributes
Uploaded by:
Admin
Views:
26


Reffered: https://www.w3schools.com/tags/ev_onoffline.asp