JavaScript Browser Objects

In this JavaScript tutorial, you will learn about browser objects in JavaScript, categories of browser-based objects, additional browser objects, anchor object, link object, properties of link object and methods of link object.

JavaScript supports a number of browser-based objects. When a webpage loads by a browser that supports JavaScript, the browser creates a variety of JavaScript objects. This makes it possible to access the web page and handle elements, like HTML. There are a vast number of browser objects for JavaScript. This section highlights some of the most vital and supported by most popular browsers. With the help of these browser-based objects, it is possible for JavaScript to interact with the browser and the loaded webpage.

Categories of Browser-based Objects:

JavaScript browser-based objects are broadly categorized into two main categories:

• Browser Object Model also called BOM
• Document Object Model also called DOM

The Document Object Model (DOM) is a W3C standard meaning it is a platform- and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure and style of documents. DOM describes the relationship of the HTML elements within the document to the document object itself. The Document Object Model is actually present inside the Browser Object Model. The Browser Object Model or BOM, includes objects related to the browser. DOM does not include the browser and all things related to it. In the DOM, the topmost object is the document object. In the BOM, the topmost level contains the window object followed by the navigator, screen, history, location, and document objects.

There are additional browser objects available in JavaScript:

• anchor object
• applet object
• area object
• button object
• checkbox object
• elements object
• embed object
• event object
• FileUpload object
• form object
• frame object
• hidden object
• image object
• mimeType object
• option object
• password object
• plugin object
• radio object
• reset object
• select object
• submit object
• text object
• textarea object
• link object

The above objects along with their properties, methods and syntax will be explained in later sections of this tutorial.

The following section will discuss link object and anchor object .