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():返回帶有指定名稱的對象集合