JavaScript Tutorial

This JavaScript tutorial is crafted for beginners to introduce them to the basics and advanced concepts of JavaScript. By the end of this guide, you'll reach a proficiency level that sets the stage for further growth. Aimed at empowering you to progress towards becoming a world-class software developer, this tutorial paves the way for a successful career in web development and beyond.

Navigator Object
Window Navigator Object
The navigator object in JavaScript is used to access the information of the user's browser. Using the 'navigator' object, you can get the browser version and name and check whether the cookie is enabled in the browser.
The 'navigator' object is a property of the window object. The navigator object can be accessed using the read-only window.navigator property.
Navigator Object Properties
There are many properties of navigator object that can be used to access the information about the user's browser.
Syntax
Follow the syntax below to use to access a property of navigator object in JavaScript.
window.navigator.proeprty;
OR
navigator.property;
You may use the 'window' object to access the 'navigator' object.
Here, we have listed all properties of the Navigator object.
Property
Description
appName
It gives you a browser name.
appVersion
It gives you the browser version.
appCodeName
It gives you the browser code name.
cookieEnabled
It returns a boolean value based on whether the cookie is enabled.
language
It returns the browser language. It is supported by Firefox and Netscape only.
plugins
It returns the browser plugins. It is supported by Firefox and Netscape only.
mimeTypes[]
It gives you an array of Mime types. It is supported by Firefox and Netscape only.
platform
It gives you a platform or operating system in which the browser is used.
online
Returns a boolean value based on whether the browser is online.
product
It gives you a browser engine.
userAgent
It gives you a user-agent header of the browser.
Example: Accessing Navigator Object Properties
We used the different properties in the below code to get the browser information.
The appName property returns the browser's name, appCodeName returns the code name of the browser, appVersion returns the browser's version, and the cookieEnabled property checks whether the cookies are enabled in the browser.
<html>
<body>  
   <p> Browser Information</p>
   <p id = "demo"> </p>
   <script>
      document.getElementById("demo").innerHTML = 
      "App Name: " + navigator.appName + "<br>" +
      "App Code Name: " + navigator.appCodeName + "<br>" +
      "App Version: " + navigator.appVersion + "<br>" +
      "Cookie Enabled: " + navigator.cookieEnabled + "<br>" +
      "Language: " + navigator.language + "<br>" + 
      "Plugins: " + navigator.plugins + "<br>" +
      "mimeTypes[]: " + navigator.mimeTypes + "<br>" +
      "platform: " + navigator.platform + "<br>" +
      "online: " + navigator.online + "<br>" +
      "product: " + navigator.product + "<br>" +   
      "userAgent: " + navigator.userAgent;
  </script>
  <p>Please note you may get different result depending on your browser. </p>
</body>
</html>
Output
Browser Information
﻿
App Name: Netscape
App Code Name: Mozilla
App Version: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
Cookie Enabled: true
Language: en-US
Plugins: [object PluginArray]
mimeTypes[]: [object MimeTypeArray]
platform: Win32
online: undefined
product: Gecko
userAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
﻿
Please note you may get different result depending on your browser.
Example
In the example below, we accessed the navigator object as a property of the window object. Then we accessed different properties of this navigator object.
<html>
<body>  
   <p> Browser Information</p>
   <p id = "demo"> </p>
   <script>
	  document.getElementById("demo").innerHTML = 
	  "App Name: " + window.navigator.appName + "<br>" +
	  "App Code Name: " + window.navigator.appCodeName + "<br>" +
	  "App Version: " + window.navigator.appVersion + "<br>" +
	  "Cookie Enabled: " + window.navigator.cookieEnabled + "<br>" +
	  "Language: " + window.navigator.language + "<br>" + 
	  "Plugins: " + window.navigator.plugins + "<br>" +
	  "mimeTypes[]: " + window.navigator.mimeTypes + "<br>" +
	  "platform: " + window.navigator.platform + "<br>" +
	  "online: " + window.navigator.online + "<br>" +
	  "product: " + window.navigator.product + "<br>" +   
	  "userAgent: " + window.navigator.userAgent;
  </script>
  <p>Please note you may get different result depending on your browser. </p>
</body>
</html>
Output
Browser Information
﻿
App Name: Netscape
App Code Name: Mozilla
App Version: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
Cookie Enabled: true
Language: en-US
Plugins: [object PluginArray]
mimeTypes[]: [object MimeTypeArray]
platform: Win32
online: undefined
product: Gecko
userAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
﻿
Please note you may get different result depending on your browser.
JavaScript Navigator Object Methods
The Navigator object contains only one method.
Method
Description
javaEnabled()
It checks whether the Java is enabled in the web browser.
Example: Navigator javaEnabled() Method
In the below code, we used the javaEnabled() method of the navigator object to check whether the java is enabled in the browser.
<html>
<body>
   <p id = "output"> </p>
   <script>
      const output = document.getElementById("output");
      if (navigator.javaEnabled()) {
         output.innerHTML += "Java is enabled in the browser!";
      } else {
         output.innerHTML += "Please, enable the Java!";
      }
   </script>
   <p>Please note you may get different result depending on your browser. </p>
</body>
</html>
Output
Please, enable the Java!
﻿
Please note you may get different result depending on your browser.
﻿
﻿
﻿
﻿

Property	Description
appName	It gives you a browser name.
appVersion	It gives you the browser version.
appCodeName	It gives you the browser code name.
cookieEnabled	It returns a boolean value based on whether the cookie is enabled.
language	It returns the browser language. It is supported by Firefox and Netscape only.
plugins	It returns the browser plugins. It is supported by Firefox and Netscape only.
mimeTypes[]	It gives you an array of Mime types. It is supported by Firefox and Netscape only.
platform	It gives you a platform or operating system in which the browser is used.
online	Returns a boolean value based on whether the browser is online.
product	It gives you a browser engine.
userAgent	It gives you a user-agent header of the browser.

Javascript Basics

JavaScript Operators

JavaScript Control Flow

JavaScript Functions

JavaScript Objects

Object Oriented JavaScript

JavaScript Versions

JavaScript Cookies

JavaScript Browser BOM

JavaScript Web APIs

JavaScript Events

JavaScript Tutorial

Navigator Object

Window Navigator Object

Navigator Object Properties

Syntax

Example: Accessing Navigator Object Properties

Output

Example

Output

JavaScript Navigator Object Methods

Example: Navigator javaEnabled() Method

Output