2. Getting information

Java Script Quick Tutorial
2. Getting information

Summary :

1. Getting 'window' information, property by property
2. Getting 'document' information, property by property
3. Usefull function : ListAllProperties
4. Getting all 'window' information
5. Getting all 'document' information

1. Getting 'window' information,
property by property

General 'window' information ( manual ) :

Copy of the javascript code :

document.write ( "window.defaultStatus = " + window.defaultStatus + " " );
document.write ( "window.name = " + window.name + " " );
document.write ( "window.opener = " + window.opener + " " );
document.write ( "window.status = " + window.status + " " );

Result :

'window.navigator' information ( manual ) :

Copy of the javascript code :

document.write ( "navigator.appCodeName = " + navigator.appCodeName + " " );
document.write ( "navigator.appName = " + navigator.appName + " " );
document.write ( "navigator.appVersion = " + navigator.appVersion + " " );
document.write ( "navigator.userAgent = " + navigator.userAgent + " " );

Result :

'window.location' information ( manual ) :

Copy of the javascript code :

document.write ( "location.hash = " + location.hash + " " );
document.write ( "location.host = " + location.host + " " );
document.write ( "location.hostname = " + location.hostname + " " );
document.write ( "location.href = " + location.href + " " );
document.write ( "location.pathname = " + location.pathname + " " );
document.write ( "location.port = " + location.port + " " );
document.write ( "location.protocol = " + location.protocol + " " );
document.write ( "location.search = " + location.search + " " );

Result :

Execute 'location.reload' :

'window.history' information ( manual ) :

Copy of the javascript code :

document.write ( "window.history.length = " + window.history.length + " " );
document.write ( "window.history[0] = " + window.history[0] + " " );
document.write ( "window.history[1] = " + window.history[0] + " " );
document.write ( "window.history[-1] = " + window.history[0] + " " );

Result :

Execute 'history.back(1)' :

Execute 'history.forward(1)' :

Execute 'history.go(-1)' :

2. Getting 'document' information,
property by property

General 'document' information ( manual ) :

Copy of the javascript code :

document.write ( "document.alinkColor = " + document.alinkColor + " " );
document.write ( "document.bgColor = " + document.bgColor + " " );
document.write ( "document.cookie = " + document.cookie + " " );
document.write ( "document.fgColor = " + document.fgColor + " " );
document.write ( "document.lastModified = " + document.lastModified + " " );
document.write ( "document.linkColor = " + document.linkColor + " " );
document.write ( "document.location = " + document.location + " " );
document.write ( "document.referrer = " + document.referrer + " " );
document.write ( "document.title = " + document.title + " " );
document.write ( "document.vlinkColor = " + document.vlinkColor + " " );

Result :

'document.links' information ( manual ) :

Yahoo.com Altavista.com

Copy of the javascript code :

//----- Length information.
document.write ( "document.links.length = " + document.links.length + " " );

//----- Links range.
document.write ( "document.links [ 0 ==> " + (document.links.length-1) + " ] :" + " " );

//----- Loop and write all links.
for (var i = 0; i < document.links.length; i++)
document.write ( "link [ " + i + " ] = " + document.links[i] + " " );

Result :

Form1 definition

'document.Form1' information ( manual ) :

Copy of the javascript code :

document.write ( "Form1.action = " + Form1.action + " " );
document.write ( "Form1.elements.count = " + Form1.elements.count + " " );
document.write ( "Form1.elements.length = " + Form1.elements.length + " " );
document.write ( "Form1.encoding = " + Form1.encoding + " " );
document.write ( "Form1.method = " + Form1.method + " " );
document.write ( "Form1.target = " + Form1.target + " " );
document.write ( "Form1.elements[0].name = " + Form1.elements[0].name + " " );
document.write ( "Form1.name = " + Form1.name + " " );
document.write ( "document.forms[0].name = " + document.forms[0].name + " " );
document.write ( " ");

Result :

'document.Form1.elements' information ( manual ) :

Copy of the javascript code :

document.write ( "Form1.elements.length = " + Form1.elements.length + " " );
document.write ( " ");

document.write ( "Accessing 'Form1.elements' by NUMBER :" + " " );
document.write ( "Form1.elements[0].name = " + Form1.elements[0].name + " " );
document.write ( "Form1.elements[0].value = " + Form1.elements[0].value + " " );
document.write ( " ");

document.write ( "Accessing 'Form1.elements' by NAME :" + " " );
document.write ( "Form1.Button1.name = " + Form1.Button1.name + " " );
document.write ( "Form1.Button1.value = " + Form1.Button1.value + " " );
document.write ( " ");

Result :

3. Usefull function : ListAllProperties

Usefull function : ListAllProperties

Instead of getting information property by property, there is an easier way.
That way is to list all existing properties with a function.

Copy of the javascript code :

function ListAllProperties ( Object , ObjectName )
{
 var Result = "" ;

 for (var i in Object)
 {
 // Don't show this property, because it redefines the forms.
 if ( ( i == "innerHTML" )
 || ( i == "outerHTML" ) )
 Result = ObjectName + "." + i + " = " + "Not shown ( because it redefines the object )"
 else
 Result = ObjectName + "." + i + " = " + Object[i] ;

 document.write ( Result + " " );
 }
}

//----- To use it :
//ListAllProperties ( window.navigator , "navigator" );

4. Getting all 'window' information

'window' information ( automatic ) :

Copy of the javascript code :

ListAllProperties ( window , "window" );

Result :

'window.navigator' information ( automatic ) :

Copy of the javascript code :

ListAllProperties ( window.navigator , "navigator" );

Result :

'window.location' information ( automatic ) :

Copy of the javascript code :

ListAllProperties ( window.location , "location" );

Result :

'window.history' information ( automatic ) :

Copy of the javascript code :

ListAllProperties ( window.history , "history" );

Result :

'window.frames' information ( automatic ) :

Copy of the javascript code :

ListAllProperties ( window.frames , "frames" );

Result :

5. Getting all 'document' information

'document' information ( automatic ) :

Copy of the javascript code :

ListAllProperties ( window.document , "document" );

Result :

'document.links' information ( automatic ) :

Yahoo.com Altavista.com

Copy of the javascript code :

ListAllProperties ( window.document.links , "links" );

Result :

Form2 definition

'document.Form2' information ( automatic ) :

Copy of the javascript code :

ListAllProperties ( window.document.Form2 , "Form2" );

Result :

'document.Form2.elements' information ( automatic ) :

Copy of the javascript code :

ListAllProperties ( window.document.Form2.elements , "Form2" );

Result :

'document.Form2.Button1' information ( automatic ) :

Copy of the javascript code :

ListAllProperties ( window.document.Form2.Button1 , "Button1" ) );

Result :

'document.Form2' information ( manual ) :

Copy of the javascript code :

document.write ( "Form2.action = " + Form2.action + " " );
document.write ( "Form2.elements.count = " + Form2.elements.count + " " );
document.write ( "Form2.elements.length = " + Form2.elements.length + " " );
document.write ( "Form2.encoding = " + Form2.encoding + " " );
document.write ( "Form2.method = " + Form2.method + " " );
document.write ( "Form2.target = " + Form2.target + " " );
document.write ( "Form2.elements[0].name = " + Form2.elements[0].name + " " );
document.write ( "Form2.name = " + Form2.name + " " );
document.write ( "document.forms[1].name = " + document.forms[1].name + " " );

Result :

'document.Form2.elements' information ( manual ) :

Copy of the javascript code :

document.write ( "Form2.elements.length = " + Form2.elements.length + " ");
document.write ( " ");

document.write ( "Accessing 'Form2.elements' by NUMBER :" + " " );
document.write ( "Form2.elements[0].name = " + Form2.elements[0].name + " ");
document.write ( "Form2.elements[0].value = " + Form2.elements[0].value + " ");
document.write ( " ");

document.write ( "Accessing 'Form2.elements' by NAME :" + " " );
document.write ( "Form2.Button1.name = " + Form2.Button1.name + " " );
document.write ( "Form2.Button1.value = " + Form2.Button1.value + " " );
document.write ( " ");

Result :

Hosted by www.Geocities.ws