Some arrangement on DOM

renzhelife

浏览: 669102 次

最近访客更多访客>>

feelsyt

a2225657

wu1238

看海的星

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (895)

社区版块

存档分类

2011-11 ( 24)
2011-10 ( 43)
2011-09 ( 47)
更多存档...

I have seen a good introducing article about Dom(Document Object Model):

The purpose of this assignment was to learn how to use JavaScript with the DOM(Document Object Model), and about some of the properties available through the DOM's window object.

The description and my solution of the DOM Properties-assignment can be viewed at the bottom of this page.

What is DOM

The DOM is an API for HTML and XML documents.

It defines the structure of documents and the way to access that structure in favor for manipulating how the document will be presented, what the document's content will be and how the document will be structured.

With this model programmers can create documents, navigate the document, add, change or delete elements and content.

A very common script language using DOM as a model is JavaScript. However, the model itself has noting to do with JavaScript, it is simply a model that can be used by any programming language or scripting language.

Care must be taken when using the DOM since many browsing software offer extensions not following the W3C standard.

What is the DOM Window Object?

The window object represents the window itself. It is created automatically with every instance of a <body> or <frameset> tag. The window object contains the document as a child and provides - among others objects - access to the useful window.navigator and window.screen objects. These two objects are often used for manipulating the browsing environment itself, and provides many special properties for accessing objects futher down the tree structure.

Assignment Description

Create a Web page with functionality for displaying the different properties of the window, window.screen, window.navigator window.location, window.history and window.document objects.

Original Address: http://www.webpelican.com/internet-programming-3/dom-properties/

dom Structure see: http://www.howtocreate.co.uk/tutorials/javascript/domstructure

Basic object model for all modern browsers:

window

--------------------------------------------------------------------------

| | | | |

navigator screen document history location

About typeof:

typeof returns one of the following strings :

number
string
boolean
object
function
undefined (= null )

typeof(typeof(x)) is always string , no matter what x actually is.

IE seems to think that some functions are objects rather than functions: typeof(document.getElementById) returns object.

I have done a testing code about all the objects in DOM, it concerns all the properties of all the objects.

Here is the code:

<html> <head> <title>All the DOM objects</title> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="readout"></div> <div id="window"></div> <div id="screen"></div> <div id="location"></div> <div id="history"></div> <div id="document"></div> </body> </html>

分享到：