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:

Collections
Properties
Methods

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:

Here is the output produced in Mozilla Firefox browser:

Here is the output produced in Safari browser:

Here is the output produced in Microsoft Internet Explorer browser:

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:

Here is the output produced in Mozilla Firefox browser:

javascript navigator object methods example

Here is the output produced in Safari browser:

Here is the output produced in Microsoft Internet Explorer browser:

JavaScript Online Test

« Previous Tutorial Next Tutorial »