Overview of Client-Side Objects

Each HTML Page has the following objects:

• window: the top-level object, with properties of the entire window where the page resides.
• document: contains properties based on the content of the document.
• navigator: contains properties for the Web browser being used.
• location: has properties based on the current URL.
• history: contains properties representing URLs previously requested.

Object, Property, & Method

• Each object has properties. Each property can be a primitive value, or another object.
• Some properties of an object are read-only, and the other ones can be modified via value assignment or methods provided by the object.
• How to refer a property of an object? objName.property
• How to refer a method of an object? objName.method()
• How to refer the property of an object's child object? objName.childObjName.property

Example:

var browserStr=navigator.appName; 
/* browserStr will be "Microsoft Internet Explorer", 
   if you use MS I.E. as your web browser. */
var docURL = document.URL; // the URL of the document.
var inputVar=document.forms[0].elements[0].value;
...
window.status="Welcome to My Home Page!";
document.titleImage.src=myImage.src;
location.href="http://www.yahoo.com/";
...
history.go(-1);
myWin=window.open("http://www.cnn.com/", "win2");
myWin.close();
window.scroll(0,600);