Javascript Reference - Navigator onLine Property








The onLine property tells whether the browser is in online or offline mode.

Browser Support

onLine Yes Yes Yes Yes Yes

Syntax

navigator.onLine

Return Value

Type Description
Boolean tells whether the browser is in online or offline mode.




Example

The following code shows how to check whether the browser is online.


<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">test</button>
<!--from   w  ww. j a  v  a2s  .  co m-->
<p id="demo"></p>

<script>
function myFunction() {
    var x = "Is the browser online? " + navigator.onLine;
    document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>

The code above is rendered as follows:





Example 2

A demonstration of all navigator properties.


<!DOCTYPE html>
<html>
<body>
<!--from   ww w . ja  v  a 2  s.  c om-->
<div id="demo"></div>

<script>
txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt+= "<p>Browser Name: " + navigator.appName + "</p>";
txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";
txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt+= "<p>Browser Language: " + navigator.language + "</p>";
txt+= "<p>Browser Online: " + navigator.onLine + "</p>";
txt+= "<p>Platform: " + navigator.platform + "</p>";
txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";
txt+= "<p>User-agent language: " + navigator.systemLanguage + "</p>";

document.getElementById("demo").innerHTML = txt;
</script>

</body>
</html>

The code above is rendered as follows: