Reading...
Play button
Play button
Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
106 Cards in this Set
- Front
- Back
|
What is the Document Object Model (DOM)?
|
Platform and language-neutral interface that will allow programs and scripts to dynamically access and update the content, structure and style of the documents.
|
|
|
The DOM provides:
|
A standard set of objects for representing HTML and XML documents. A standard interface for accessing and manipulating them.
|
|
|
Dynamic HTML is a term used to describe:
|
The combination of HTML, style sheets, and scripts that allow documents to be animated.
|
|
|
The DOM can be seperated into three parts:
|
Core DOM, XML DOM, and XHTML DOM
|
|
|
Core DOM defines:
|
a standard set of objects for any structured document
|
|
|
XML DOM defines:
|
a standard set of objects for XML documents
|
|
|
XHTML DOM defines:
|
a standard set of objects for XHTML documents
|
|
|
The XHTML DOM views XHTML documents as:
|
a tree structure of elements
|
|
|
All elements, along with their text and attributes, can be accessed and manipulated through the ___ ___.
|
DOM Tree
|
|
|
What are the DOM objects?
|
Body, Document, Event, Navigator, Style, and Window
|
|
|
The Document object represents:
|
The entire HTML documents and can be used to access all elements in a page.
|
|
|
What are the DOM Document Objects?
|
anchors[], applets[], forms[], images[], links[], referrer, title, URL
|
|
|
What do the referrer, title, and URL Objects do?
|
Returns the URL of the documents that loaded the current document, returns the title of the document, returns the URL of the current document.
|
|
|
The Window object represents:
|
The browser window
|
|
|
A window object is automatically created with:
|
every instance of a <body> or <frame> tag.
|
|
|
What does window.clientInformation contain?
|
Information about the browser
|
|
|
What does window.document contain?
|
this object can be used to access all elements in a page
|
|
|
What does window.event represent?
|
The state of an event.
|
|
|
What does the DOM Document object anchors[] return?
|
a reference to all Anchor objects in the document
|
|
|
What does the DOM Document object applets[] return?
|
a reference to all applet objects in the document
|
|
|
What does the DOM Document object forms[] return?
|
a reference to all Form objects in the document
|
|
|
What does the DOM Document object images[] return?
|
Returns a reference to all Image objects in the document
|
|
|
What does the DOM Document object links[] return?
|
a reference to all Link objects in the document
|
|
|
What does the DOM Document object anchors[] return?
|
a reference to all Anchor objects in the document
|
|
|
What does the DOM Document object applets[] return?
|
a reference to all applet objects in the document
|
|
|
What does the DOM Document object forms[] return?
|
a reference to all Form objects in the document
|
|
|
What does the DOM Document object images[] return?
|
Returns a reference to all Image objects in the document
|
|
|
What does the DOM Document object links[] return?
|
a reference to all Link objects in the document
|
|
|
What does the Document body object do?
|
specifies the beginning and end of the document
|
|
|
What does the Document cookie object do?
|
sets or returns all cookies associated with the document
|
|
|
What does the Document domain object do?
|
returns the document server's domain name
|
|
|
What does the Document lastModified object do?
|
returns the date and time the document was last modified
|
|
|
What does the Document referrer object do?
|
returns the URL of the document that loaded the current document
|
|
|
What does the DOM Document Object title return?
|
the title of the document
|
|
|
What does the DOM Document object URL return?
|
the URL of the current document
|
|
|
What does the DOM Document Object close() do?
|
closes the output stream and displays the sent data
|
|
|
What does the DOM Document Object getElementById() do?
|
returns a reference to the first object with the specified ID
|
|
|
What does the DOM Document Object getElementsByName() do?
|
returns a collection of objects with the specified NAME
|
|
|
What does the DOM Document Object getElementsByTagName("tag") do?
|
returns a collection of objects with the specified TAGNAME
|
|
|
What does the DOM Document Object open() do?
|
Opens a document for writing
|
|
|
What does the DOM Document Object write("str") do?
|
writes a text string to a document
|
|
|
What does the DOM Document Object writeln("str") do?
|
writes a text string followed by a new line character to a document opened by open()
|
|
|
What does window.history do?
|
contains the URLs the user has visited within a browser window
|
|
|
What does window.location do?
|
contains the current URL of the window
|
|
|
What does window.navigator do?
|
contains information about the client browser
|
|
|
What does window.screen contain?
|
information about the client's display screen
|
|
|
What does window.closed do?
|
returns a Boolean value that specifies whether the referenced window has been closed.
|
|
|
What does window.defaultStatus do?
|
sets or returns the default text in the statusbar of the windows (will be displayed when the page loads)
|
|
|
What does window.dialogArguments do?
|
returns all variable passed into the model dialog window
|
|
|
What does window.dialog height do?
|
sets or returns the height of the model dialog window.
|
|
|
What does window.dialogX do?
(where X is left top or width) |
sets or returns the left, top, or width of the model dialog window
|
|
|
What does the window.frameElement do?
|
returns the frame/iframe object that is hosting the window in the parent document
|
|
|
What does window.length do?
|
sets or returns the number of frames in the window
|
|
|
What does window.name do?
|
sets or returns the name of the window
|
|
|
What does window.offscreenBuffering do?
|
sets or returns a Boolean value that specifies whether the window is drawn offscreen before being visible to the user
|
|
|
What does window.opener do?
|
sets or returns a reference to the window that created the window
|
|
|
What does window.parent do?
|
returns the parent window
|
|
|
What does window.returnValue do?
|
sets or returns the value returned from the model dialog window
|
|
|
What does window.screenLeft do?
|
returns the x-coordinate of the upper left corner of the browser - relative to the upper left corner of the screen
|
|
|
What does screenTop do?
|
returns the y coordinate of the top corner of the browser - relative to the top corner of the screen
|
|
|
What does window.self do?
|
returns a reference to the current window
|
|
|
What does window.status do?
|
sets or returns the text in the statusbar of the window
|
|
|
What does window.top do?
|
returns the topmost ancestor window
|
|
|
What does window.alert() do?
|
displays an alert box with a specified message and an ok button
|
|
|
What does window.blur() do?
|
removes focus from the current window
|
|
|
What does window.clearInterval(ID) do?
|
cancels a timeout that is set with the setInterval() method
|
|
|
What does window.clearTimeout(ID) do?
|
cancels a timeout that is set with the setTimeout() method
|
|
|
What does window.close() do?
|
closes the current window
|
|
|
What does window.confirm() do?
|
displays a dialog box with a specified message and an OK and a cancel button
|
|
|
What does window.createPopup() do?
|
creates a popup window
|
|
|
What does window.execScript("code", "lang") do?
|
executes a specified script. The arguments can take the following values: codeRequired, langRequired, Jscript, VBscript, Javascript
|
|
|
window.focus()
|
sets focus on the current window
|
|
|
window.moveBy(x,y)
|
moves the window a specified number of pixels in relation to its current coordinates
|
|
|
window.moveTo(x,y)
|
moves the window's left and top edge to the specifies coordinates
|
|
|
window.navigate("URL")
|
loads the specified URL into the window
|
|
|
window.open()
|
opens a new browser window
|
|
|
window.print()
|
prints the contents of the current window
|
|
|
window.prompt()
|
displays a dialog box that prompts the user for input
|
|
|
window.resizeBy()
|
resizes the window by the specified pixels
|
|
|
window.resizeTo()
|
resizes the window to the specified width and height
|
|
|
window.scrollBy()
|
scrolls the content by the specified number of pixels
|
|
|
window.scrollTo()
|
scrolls the content to the specified coordinates
|
|
|
window.setInterval(code,millisec[,"lang"])
|
calls a function/evaluate an expression every time a specified interval (in milliseconds) has been reached. The arguments can take the follow values: codeRequired, millisecRequired
|
|
|
window.setTimeout()
|
calls a function or evaluates an expression after a specified number of milliseconds
|
|
|
window.showHelp("URL"[, contextID]
|
– displays a Help file (must be of type .htm or .chm). When using this
method, a second Help box appears when pressing F1 or when clicking Help on the menu bar. To prevent the default Help box from appearing set returnValue to false. The arguments can take the following values: URLRequired. The URL of a Help filecontextIDOptional. A string or integer that specifies a context identifier in the Help file. |
|
|
window.showModalDialog("URL"[, args, "list"])
|
loads a URL in a modal dialog box. A modal dialog box retains focus
while open. The user CANNOT switch windows until the dialog box is closed. The arguments can take the following values: "URL" - Required. The URL of the document to display. args - Optional. The arguments to use when displaying the URL. Use this parameter to pass a value of any type, including an array of values. The dialog box can extract the values from the dialogArguments property of the window object. "list" - Optional. Specifies the window ornaments for the dialog box, using one or more of the following semicolon-delimited values |
|
|
window.showModelessDialog("URL"[, args, "list"]
|
loads a URL in a modeless dialog box. The modeless dialog box displays
even when the user switches focus to another window (useful for menus and Help systems). The arguments can take the following values: "URL" - Required. The URL of the document to display. args - Optional. The arguments to use when displaying the URL. Use this parameter to pass a value of any type, including an array of values. The dialog box can extract the values from the dialogArguments property of the window object."list |
|
|
window.onBlur
|
executes some code when a Blur event occur
|
|
|
window.onDragDrop
|
executes when the user drops an object
|
|
|
window.onError
|
executes some code when an Error event occur
|
|
|
window.onFocus
|
executes some code when a Focus event occur
|
|
|
window.onLoad
|
executes some code when an Load event occurs
|
|
|
window.onMove
|
executes when the window it is referenced in is moved
|
|
|
window.onResize
|
executes some code when a Resize event occurs
|
|
|
window.onUnload
|
executes some code when an Unload event occur
|
|
|
What is the DOM Event Object for?
|
Gives you information about an event that has occured. represents the state of an event, such as the element in which the event occured, the state of the keys, the location of the mouse, and the state of the mouse buttons.
|
|
|
When is the Event object available?
|
only during an event, that is, you can use it in event handlers but not in other code
|
|
|
In VBScript, you must access the event object through the ___ object.
|
window
|
|
|
bookmarks[]
|
returns a collection of bookmarks connected to the rows affected by the events
|
|
|
boundElements[]
|
returns a collection of all elements on a page which are bound to a data test.
|
|
|
altKeySets
|
sets or returns a boolean value that indicates the state of the ALT key
|
|
|
altLeftReturns
|
a boolean that indicates the state of the left alt key
|
|
|
button
|
sets or returns the mouse button pressed by the user
|
|
|
cancelBubble
|
sets or returns a boolean that indicates whether or not the current event should bubble up the hierarchy of event handlers
|
|
|
clientX
|
sets or returns the x-coordinate of the mouse pointer relative to the screen excluding decorations and scroll bars
|
|
|
clientY
|
sets or returns the y-coordinate of the mouse pointer relative to the screen excluding decorations and scroll bars
|
