IMOS 98
Jason's
Gateway
Introduction
What is dHTML?
Why dHTML?
Four Components
Three
"Standards"
Cross Browser
Design
Tutorials
FAQs
Acronyms
Links
Conclusion
References:
Pitts-Moultis, Natanya, C.C.
Sanders and Ramesh Chandak. Dynamic DHTML Black Book. The Coriolis
Group, Inc. 1998.
Simpson, Alan. Official
Microsoft Internet Explorer 4 Site Builder Toolkit. Microsoft Press. 1998.
World Wide Web Consortium.
Document Object Model Specification
(version 1) Working Draft. April 16, 1998.
|
|
DOM
The Document Object Model is a system for naming all the
items in a window. The naming system is based on an object hierarchy, with the window
object at the top of the hierarchy. Each object is an item that can interact with a
scripting language such as JavaScript.
Window Object
Location Object contains
information about the URL of the current page
Frames Collection contains
information about all the frames in a framed site
History Object contains
information about recently visited pages
Navigator Object contains
information about a web browser
Event Object keeps
track of the state of an event
Screen Object contains
information about screen settings
Document Object is
the HTML document currently displayed by the web browser. It is broken down into collections,
or groups of similar objects.
links collection
- document.links (hyperlinks and
client-side image maps such as <A HREF> and <AREA> tags)
-
- anchors collection
- document.anchors (named targets
such as <A NAME> and <A ID> tags)
-
- images collection
- document.images (graphic images
such as <IMG> tags)
-
- forms collection
- document.forms (each form has
its collection of form element objects such as <INPUT>, <OPTION>,
<SELECT> and <TEXTAREA> tags)
-
- applets collection
- document.applets (Java applets
such as <APPLET> tags)
-
- embeds collection
- document.embeds (embedded
objects such as <EMBED> tags)
-
- plugins collection
- document.plugins (same as the
embeds)
-
- frames collection
- document.frames (floating frames
objects such as <IFRAME> tags)
-
- scripts collection
- document.scripts (script frames
objects such as <SCRIPT> tags)
-
- all collection
- document.all (all the HTML tags
in the document)
-
- selection objects
- document.selection (text and
elements selected by the user)
-
- styleSheet collection
- document.styleSheets (all style
sheet information for elements in the document)
-
- body element object
- document.body (information
within the <BODY> tags such as background color)
|
|