CORC 1312
Lab #8: JavaScript II

Properties of Window and Document Objects

• window.location
  change location - goes too quickly
  change location - watch the example
  You won't be able to View Source on these examples, because of what they do, so here is the source text for the two examples above.

• document.bgColor
  change background color
  change background color to choice

• document.fgColor
  change text (foreground) color

Methods of Window and Document Objects

• window.alert(), window.prompt(), window.confirm()
• window.moveBy()
  watch the page move
• window.open()
  This may not work if pop-up windows are prevented by your browser.
  open new window
  open new window with content
• document.write()
  customized Web page based on user input

Buttons and Textboxes

A button is an HTML element that can be placed on a webpage. The tag for a button is <input type="button" ... >. To afix a label on the button, a value has to be assigned within the tag: . The button has no effect unless it is coupled with JavaScript code.

• Here is a simple page with a button. Press the button and nothing happens. The button was created by the HTML statement <input type="button" value="Press Here" />.
• Another HTML element is the text box which can contain text. It is added by using the input tag,
  < input type="text" id="textbox_name" >. The id is the name used to identify the specific text box.
• Two additional attributes can be given to a text box; its size is the number of characters that the box can contain and its value is the initial value displayed in the text box. The following webpage exhibits one simple textbox, created by <input type="text" id="text1" />
  and a second one that has an initial value, created by the statement, <input type="text" id="text2" size = "30" value="Mickey Mouse" />.