JavaScript
Reference tutorial
Chapter 1 Document Object
Now we will start discussing more "actual" topics - document objects (DOM). Document object refers to an object that is divided in the web document. There is a few "big" objects in JavaScript: Window, Document, Location, Navigator, Screen, History, etc. Below is a document object tree, you can see the "spectacular" scenario containing the object under the object. To reference an object, you have to list the parent's objects. For example, to reference a text box "CustomerName" of a form "ApplicationForm", you must use "Document.Applicationform.customername".
Some objects in the table below are all written, and some are beginning to uppercase letters. Subjects at uppercase letters, reference to this object does not use the name listed in the table, and directly use the "name" of the object (ID or Name, which is explained below), or specify the object array of object it belong.
Here we are not prepared to explain the "event" of the object, although we will also list the events that can respond to the object. We will be in the next chapter "
Explanation events in Event Processing.
navigator screen window history location frames []; Frame document anchors []; links []; Link applets [] embeds [] forms []; Form Button Checkbox elements []; Element Hidden Password Radio Reset Select options []; Option
Submit text Textarea
Images []; Image
Browser object
Screen object
Window object
Historical object
Address object
Frame object
Document object
Connection object
Java small program object
Plugin object
Form object
Button object
Check box object
Form element object
Hidden object
Password input area object
Single-selection domain object
Reset button object
Select zone (drop-down menu, list) object
Select item object
Submit button object
Text box object
Multi-line text input area object
Picture object
Navigator
The browser object reflects the information of the currently used browser.
Attributes
AppCodename Returns the "Code" (?) of the browser (?), popular IE and NN return 'Mozilla'.
AppName returns the browser name. IE returns 'Microsoft Internet Explorer', NN returns 'Netscape'.
AppVersion returns the browser version, including the large version number, small version number, language, operational platform and other information.
Platform returns the action platform of the browser, returns 'Win32' on the browser on Windows 9x (case of case where cases may be different).
UseERAGENT returns all the above information. For example, IE 5.01 returns 'mozilla / 4.0 (compatible; msie 5.01; windows 98)'.
JavaEnabled () returns a Boolean value that represents the current browser allows Java to be allowed.
Screen
Screen object
Reflected the current user's screen settings.
Attributes
Width returns the width of the screen (the number of pixels).
Height returns the height of the screen.
AvailWidth returns the available width of the screen (removed some of the widths occupied by something that do not automatically hide the similar taskbar).
AvailHeight Returns the available height of the screen.
Colordepth Returns the number of bits used in the current color settings - 1: black and white; 8: 256 colors; 16: Enhance color; 24/32: Real color window
The window object is the largest object, which describes a browser window. When it is generally referenced to its properties and methods, it is not necessary to use "Window.xxx" in the form of "XXX" directly. A framework page is also a window.
Attributes
The name of the Name window, the open () method called by opening its connection () or frame page (
Opener usage: window.opener; Returns the window object to open this window. Note: Returns a window object. If the window is not opened by another window, this attribute returns null in NetScape; returns "undefined) in IE. Undefined is equal to NULL to some extent. Note: undefined is not a JavaScript constant, if you try to use "undefined", it really returns "undefined". The SELF fingers, the object it returns is exactly the same as the Window object. The most commonly used "Self.close ()", placed in tag: " Close window ". Parent Returns the frame page object to which the window belongs. TOP returns the top of the entire browser window to the top page object. History historical object, See below. Location address object, See below. Document document object, See below. method Open () opens a window. Usage: Open ( Example: Open a clean window of 400 x 100: Open ('', '_ blank', 'width = 400, Height = 100, menubar = no, Toolbar = NO, Location = No, Directories = NO, Status = No, Scrollbars = YES, Resizable = YES ') Parameters TOP = # The number of pixels left at the top of the window LEFT = # The number of pixels left on the left left end of the screen Width = # Window width HEIGHT = # Height of the window Menubar = ... Does the window do not have a menu, value Yes or No TOOLBAR = ... Does the window have tool bars, value Yes or NO Location = ... There is no address bar in the window, value Yes or No Directories = ... There is no connection area, value yes or no Scrollbars = ... There is no scroll bar with the window, value Yes or NO STATUS = ... There is a status bar in the window, value Yes or No Resizable = ... The window does not adjust the size, value Yes or NO The OPEN () method has a return value, returning is the window object it open. and so, Var newWindow = Open ('', '_ blank'); This assigns a new window to the "NewWindow" variable, and then control the window through the "newWindow" variable. Close () Close an open window. Usage: window.close () or self.close (): Close this window; If the window has a status bar, the browser will warn: "The page is trying to close the window, is it close?" Then wait for the user to choose whether it is; if there is no status bar, call the method to close the window directly. Blur () makes the focus from the window, and the window becomes "non-active window". FOCUS () is a window to get focus and become a "active window". However, in Windows 98, this method can only flash the title bar of the window and the corresponding button on the taskbar, prompting the user that the window is trying to get the focus. ScrollTo () Usage: [ Scrollby () usage: [ ResizTo () Usage: [ Resizeby () Usage: [ Alert () Usage: Alert ( Confirm () usage: confirm ( event OnLoad; OnResize; Onfocus; OneRror History Historical object historical object refers to the browser browsing history. In view of the safety needs, the object receives a lot of restrictions, and now only the following properties and methods remain. Attributes Length history of history. History that JavaScript can manage is limited to the range of "advancement" "back" keys in the browser. This attribute returns the sum of the number of addresses included under "advancement" and "back" two buttons. method Back () back, follow the "Back" button is equivalent. Forward () advance, follow the "advance" button is equivalent. Go () usage: History.go (x); go to the specified address within the scope of history. If x <0, return X address, if x> 0, then forward X addresses, if x == 0, refresh the top now open. History.go (0) is equivalent to location.Reload (). Location Address object It describes the address opened by a window object. To indicate the address of the current window, just use "location" to do it; if you want to indicate the address of a window, use " Note that the two addresses belonging to different protocols or different hosts cannot be referenced to each other's Location objects, which is for security needs. For example, the current window opens "www.a.com", another window (object name: bwindow) opens "www.b.com" webpage. If you use "bwindow.location" in the current window, it will be wrong: "No Permissions". This error is to receive processing with the error handler (Event Handler, see the OneRror event). Attributes Protocol Returns the protocol of the address, with the value of 'http:', 'https:', 'file:', and so on. Hostname returns the host name of the address, for example, an address of "http://www.microsoft.com/china/", location.hostname == 'www.microsoft.com'. Port number of port returns the address, the general HTTP port number is '80'. Host returns host name and port number, such as: 'www.a.com: 8080'. Pathname Returns the path name, such as "http://www.a.com/b/c.html" ,location.pathname == 'b / c.html'. Hash returns "#" and later, such as "http://www.a.com/b/c.html#chapter4" ,location.hash == '# chapter4'; if there is no" # "in the address, Return to the empty string. Search returns "?" and later content, such as "http://www.a.com/b/c.asp?selection=3&jumpto=4" ,location.search == '? Selection = 3 & jumpto = 4'; if If there is no "?" In the address, it returns an empty string. HREF returns all the above content, that is, returns the entire address. How to display it on the address bar of the browser to return. If you want a window object to open an address, you can use "location.href = '...'", you can also use "location = '...'" to achieve this purpose. method Reload () is equivalent to "Refresh" or "Netscape" button on your browser. Replace () opens a URL and replaces the address of the current location in the historical object. After opening a URL with this method, press the "Back" button of the browser will not return to the page you just. Frames []; FRAME Frame object See "See" Use the frame and cookies "chapter. Document Document object Describe the documentation of the current window or the specified window object. It contains the content from
Usage: Document (current window)
Or
Attributes
Cookie About cookies, please see "
Use the frame and cookies "chapter.
LastModified Current Date of Documentation is a Date object.
Referrer If the current document is opened by clicking on the connection, ReferR returns the original URL.
Title refers to the text of
