Hi friends!

I am a novice in JavaScript and these days have been reading Danny Goodman's JavaScript Bible(5th Edition). Yesterday while I was going through the section The Document Object Model in Chapter 4, I had a little problem with understanding the HTML DOM established in the book.

In Danny's book, he says the DOM of an empty document in a browser window looks like this: the top node of the entire hierarchy tree is "Window" object; and "Navigator", "Screen", "Document", "History" and "Location" objects are all at the second hierarchy class. Like this:

Window
0„2|-----Navigator
0„2|-----Screen
0„2|-----Document
0„2|-----History
0„2|-----Location

I don't understand the relationship of these objects. Why is "Window" treated as the top of the whole tree? And why are "Screen", "Navigator" treated as its children?

In my personal opinion, I guess the following model is also acceptable:
Screen
0„2|----Navigator
    Â0„20„20„2|----Window
            Â0„2|----Document
            Â0„2|----History
            Â0„2|----Location
I think: "Screen" object corresponds to the monitor screen(the physical environment) as explained in the book. It surely contains a "Navigator", which should be a child of "Screen". And a "Navigator" of course contains a window or more, so "Window" should be the child of "Navigator". Then each window in a browser maintains its own current HTML document("Document"), access history("History") and the current URL("Location").

So could someone help me with this DOM question?
Thank you all!
-----------------------------------------------------------------
You'll pay everything back sooner or later if you have owed them.

:(Nobody replies?

You'll pay everything back sooner or later if you have owed them.