javascript: The Browser Object Model(BOM)

window

• window對象是瀏覽器或者架構自身.top總是瀏覽器,parent是父架構,self表示自己.
  window通常可以省略.
• 視窗操作: moveBy(dx, dy), moveTo(x, y),
  resizeBy(dw, dh), resizeTo(w, h).
• 導航: window.open(url, frame
  name, attribute). attribute可以是left, top, height, width, resizable,
  scrollable, toolbar, status, location(all default no). 
  • window.open
    返回新視窗引用,並且有一個opener對象表示父視窗
  • window.close.
• 對話方塊:
  alert, confirm, prompt.
• 狀態列: window.status, window.defaultStatus
• 時
  間間隔和暫停: timeoutId = setTimeout("alert('hello world')", 1000);
  clearTimeout(timeoutId);類似有setInterval和clearInterval.
• 曆史:
  window.history.go(+-n), history.back, history.forward. history.length

document

• alert(window.document
  == document) == true. 他是唯一一個既屬於DOM又屬於BOM的對象
• 屬性:title, URL,
  referrer, lastModified
• 集合屬性: anchors, applets, embeds, forms,
  images, links.
• 方法: write, writeln.
  必須在完全載入頁面前調用write()和writeln()方法. 如果任何一個方法是在頁面載入後調用的,它將抹去頁面的內容,顯示指定的內容.

location

• window和
  document的屬性,相互等價.
• 屬性: hash(位於#後面的東西), host, hostname, href,
  pathname, port, protocol, search(位於?後面的東西).
• 方法: assign(),
  replace(), reload(false=從緩衝中匯入(default),true=從伺服器端匯入)

navigator和
screen對象

• navigator對象表示了瀏覽器本身,可以擷取一些屬性,但是各個瀏覽器支援不同.
• screen
  對象可以得到使用者系統的資訊,如availHeight, availWidth(可用螢幕寬度和高度,排除了系統工作列), colorDepth,
  height, width.