HTML DOM ononline Event

Last Updated : 15 Jun, 2023

The DOM ononline event occurs on the online work of the browser. The ononline event is a conflict with the onoffline event.

Note: navigator.onLine property is used to check the mode of the browser.

Supported Tags

<body>

Syntax:

In HTML:

<element ononline="myScript">

In JavaScript:

object.ononline = function(){myScript};

In JavaScript, using the addEventListener() method:

object.addEventListener("online", myScript);

Example: Using the addEventListener() method

HTML

<!DOCTYPE html>
<html>
   
<head>
    <title>
        HTML DOM ononline Event
    </title>
</head>
 
<body>
    <h1>
        GeeksforGeeks
    </h1>
    <h2>
        HTML DOM ononline Event
    </h2>
   
    <script>
        window.addEventListener("online", onlineGFG);
        window.addEventListener("offline", offlineGFG);
        function onlineGFG() {
            alert("Online");
        }
        function offlineGFG() {
            alert("Offline");
        }
    </script>
</body>
 
</html>