Page 1 The JavaScript Document Object Model, Windows, and Frames
In earlier lessons, you've learned:
How to add JavaScript to your HTML pages
How to use dialog boxes and variables to store and utilize user input
How to write HTML to a Web page using JavaScript
How to let JavaScript make decisions using if-then
statements
How to make your Web pages react to users' actions using link events
How to do a basic image swap
So far I've explained how to do many things, but I haven't described why they work. In the last lesson, for instance, I showed you that window.document.monkey_image.src = "happy_monkey.gif" will swap happy_monkey.gif into an image named monkey_image. But what is that window.document stuff? And where does the .src come from? Similarly, you've seen document.writeln("monkey"). But why is it document.writeln and not just writeln?
The answer to the above questions can be found in the JavaScript Document Object Model. The DOM is the way JavaScript describes Web pages, and it lies at the heart of all JavaScript programming. This lesson will teach you about the DOM, and the next lesson will teach you the rest of the basics of computer programming. By the end of the next two lessons, you will know all of the major ideas and syntax of JavaScript. All that will be left to learn are details, tricks, and how to avoid snafus.