Week 4: Introducing JavaScript and the HTML Flashcards
What is a Browser Object Model (BOM)?
The collection of objects that the browser makes available for you to use with JavaScript.
What is the BOM object hierarchy?

What is a BOM window object?
The frame of the browser and everything associated with it, such as the scrollbars, navigator bar icons, and so on.
What is the BOM history object?
The history object contains the history of pages visited by the user,
What behaviours of the history object do the go( ), back( ) and forward( ) methods of the history object implement?
For example, if you wanted to return the user to the page before the previous page, you’d write this:
history.go(-2);
To go forward three pages, you’d write this:
history.go(3);.
Note that go(-1) and back() are equivalent, as are go(1) and forward().
What is the BOM location object?
The location object contains lots of potentially useful information about the current page’s location. Not only does it contain the URL (Uniform Resource Locator) for the page, but also the server hosting the page, the port number of the server connection, and the protocol used.
What is the BOM navigator object?
The navigator object contains lots of information about the browser and the operating system in which it’s running. It is suggested that this be called the browser object.
What is the BOM screen object?
The screen object property of the window object contains a lot of information about the display capabilities of the client machine. Its properties include the height and width properties, which indicate the vertical and horizontal range of the screen, respectively, in pixels.
What is the BOM document object?
The actual page itself.
What is the BOM images array?
Location where images are stored for the website.
What is the difference between DOM and BOM?
The Browser Object Model is a larger representation of everything provided by the browser including the current document, location, history, frames, and any other functionality the browser may expose to JavaScript. The Browser Object Model is not standardised and can change based on different browsers. The Document Object Model is standardised and is specific to current HTML document. It is exposed by the Browser Object Model (i.e., DOM is a subset of BOM).
What is the difference between the BOM window object and the document object?

What is a node?
In the Level 1 DOM, each object, whatever it may be exactly, is a Node.

What is an element node?
Decsribes what the thing actually is eg a paragraph, body
What is an attribute node?
A node that explains how an element may look. This is never a child node of an element node.
What does a DOM structure tree look like, draw (explain) some important aspects

What is the relationship between HTML elements and DOM objects?
Each HTML element that makes up a part of the definition / description of a Web page is represented by an object in the DOM of the page.
What is the relationship between HTML attributes and DOM object property members?
Each ‘attribute’ of an HTML element is a property member of that element’s object in the DOM.
What is the relationship between HTML attributes, DOM object property members and CSS style definitions?
Each statement in a CSS style definition is specifying a value for a property member of that HTML element’s object in the DOM.
What is JavaScript?
High level computer language that is often used to add interactive elements into web browsers.
What are the three compents of a web page?
HTML- content of the webpage
CSS- presentation
JavaScript- Behaviour