JavaScript初級:BOM

JavaScript初級——BOM

BOM使得JavaScript能與瀏覽器進行“對話”

  • 主要是Window對象的操作

Window對象

  • 對象:window對象表示瀏覽器中打開的窗口(每一個窗口都是一個對象)
  • 特點:
    • Window是全局對象,可以直接調用其方法和屬性
    • Window對象的一些方法和屬性可省略不寫 ,如:Window.document等同於document,windows.alert()等同於alert()
  • 屬性:
    • history:用戶在瀏覽器窗口中訪問過的url
    • location:地址欄的url
    • document:對Document對象的只讀引用
    • screen:對Screen對象的只讀引用
    • status:設置窗口狀態欄的文本
  • 方法:
    • prompt():彈窗
    • alert():彈窗
    • canfirm():彈窗
    • open():在當前頁面打開一個子頁面(因爲部分瀏覽器不支持該方法,所以極少用到)
    • close():關閉打開的子頁面
    • setTimeout:一次性定時器
    • setInterval:週期性定時器

注意:

  • history、location、document對象是較爲重要的對象,下面我們將介紹這三個對象
  • 關於定時器部分,將記錄在後續發佈的文章中

history對象

  • 方法:
    • back():加載上一個瀏覽的文檔
    • forward():加載下一個瀏覽的文檔
    • go(n):n爲整數,轉跳到第n個瀏覽過的文檔
  • n==0,刷新當前頁面
  • n>0,向前轉跳到第n個文檔
  • n<0,向後轉跳到第n個文檔

location對象

  • 屬性:
    • host:設置或返回主機名和當前url的端口號
    • hostname:設置和返回當前url的主機名
    • href:設置或返回完整的url,可用於設置專題哦
    • hash:設置或返回從“#”開始的url
    • search:設置或返回從“?”開始的url
  • 方法:
    • reload():重新加載當前文檔,並刷新頁面
    • replace():新的文檔替換當前文檔

document對象

  • 作用:每個載入瀏覽器的html文檔都會成爲document對象
  • 屬性:
    • title:設置或返回當前文檔的標題
  • 方法:
    • write():向文檔寫HTML表達式或JavaScript代碼
    • getElementByid():返回對擁有指定id的第一個對象的引用
    • getElementsByTagName():返回帶有指定名稱的對象集合
    • getElementByName():返回帶有指定名稱的對象集合

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章