JavaScript Navigator Object

The navigator object in JavaScript is used to display information about the version and type of the browser.

The navigator object in JavaScript has the following three features:

JavaScript Navigator Object Collections

The table given below describes the collections of the navigator object in JavaScript.

Collection Description
plugins[] returns a reference to all the embedded objects in the document
mimeTypes returns a collection of MIME types supported by client browser

JavaScript Navigator Object Properties

The navigator object in JavaScript is used to retrieve properties of client browser. The following table describes properties of the navigator object in JavaScript.

Property Description
appcodename specifies the code name of the browser
appname specifies the name of the browser
appversion specifies the version of the browser being used
cookieenabled specifies whether the cookies are enabled or not in the browser
platform contains a string indicating the machine type for which the browser was compiled
useragent contains a string representing the value of the user-agent header sent by the client for the server in the http protocol

JavaScript Navigator Object Properties Example

Here is an example demonstrates navigator object properties in JavaScript:

<!DOCTYPE HTML>
<html>
<head>
   <title>JavaScript Navigator Object Properties</title>
   <script type="text/javascript">
      function dispNavigatorProperties()
      {
         with(document)
         {
            write("<b>appName = </b>")
            writeln(navigator.appName + "<br/><br/>")
            write("<b>appVersion = </b>")
            writeln(navigator.appVersion + "<br/><br/>")
            write("<b>appCodeName = </b>")
            writeln(navigator.appCodeName + "<br/><br/>")
            write("<b>platform = </b>")
            writeln(navigator.platform + " <br/><br/>")
            write("<b>userAgent = </b>")
            writeln(navigator.userAgent + "<br/><br/>")
         }
      }
      function dispExplorerProperties()
      {
         with(document)
         {
            write("<b>appName = </b>")
            writeln(navigator.appName + "<br/><br/>")
            write("<b>appVersion = </b>")
            writeln(navigator.appVersion + "<br/><br/>")
            write("<b>appCodeName = </b>")
            writeln(navigator.appCodeName + "<br/><br/>")
            write("<b>platform = </b>")
            writeln(navigator.platform + " <br/><br/>")
            write("<b>userAgent = </b>")
            writeln(navigator.userAgent + "<br/><br/>")
            write("<b>cookieEnabled = </b>")
            writeln(navigator.cookieEnabled + "<br/><br/>")
         }
      }
      function dispBrowserProperties()
      {
         if(navigator.appName == "Netscape")
            dispNavigatorProperties()
         else if(navigator.appName == "Microsoft Internet Explorer")
            dispExplorerProperties()
      }
      dispBrowserProperties()
   </script>
</head>
<body>

</body>
</html>

Here are some outputs of the above JavaScript navigator object properties example code. This is the snapshot of output produced in Google Chrome browser:

javascript navigator object

Here is the output produced in Mozilla Firefox browser:

javascript navigator object properties

Here is the output produced in Safari browser:

javascript navigator object example

Here is the output produced in Microsoft Internet Explorer browser:

navigator object

JavaScript Navigator Object Methods

The methods in the navigator object specify the action related to the browser. The table given below describes the methods of the navigator object in JavaScript.

Method Description
javaEnabled() tests whether Java is enabled or not
taintEnabled() determines whether data tainting is enabled or not

Tainting prevents other scripts from passing information that should be secure and private, such as directory structures or suer session history

JavaScript Navigator Object Methods Example

Here is an example demonstrates navigator object methods in JavaScript:

<!DOCTYPE HTML>
<html>
<head>
   <title>JavaScript Navigator Object Methods</title>
</head>
<body>

<h3>JavaScript Navigator Object Methods Example</h3>
<script type="text/javascript">
   document.write("<b>Java enabled: </b>" + navigator.javaEnabled() + "<br/>");
   document.write("<b>Data tainting enabled: </b>" + navigator.taintEnabled());
</script>
   
</body>
</html>

Here are some sample outputs produced by above navigator object methods example code in JavaScript. This is the output produced in Google Chrome browser:

javascript navigator object methods

Here is the output produced in Mozilla Firefox browser:

javascript navigator object methods example

Here is the output produced in Safari browser:

navigator object methods

Here is the output produced in Microsoft Internet Explorer browser:

navigator object methods example

JavaScript Online Test


« Previous Tutorial Next Tutorial »