BOM（瀏覽器對象模型）

window

定義

• window是js在瀏覽器環境中 全局變量
• 函數就是window的方法
• 全局變量就是window的屬性

屬性

• document
• location
• history
• screen
• navigator
• innerWidth 文檔區域寬度
• innerHeight 文檔區域高度
• outerWidth 瀏覽器窗口寬度
• outerHeight 瀏覽器窗口高度
• name 窗口的名字
• parent 父窗口
• top 頂層窗口
• length 子窗口的數量
• frames 子窗口的集合

方法

• alert() 警告框
• confirm() 確認框
• prompt() 可輸入彈框
• setInterval()
• clearInterval()
• setTimeout()
• clearTimeout()
• open() 打開新窗口
• close() 關閉窗口
• print() 打印

location （地址位置）

屬性

• href 完整的url
• protocol 協議
• hostname 主機名
• port 端口號
• host 主機名和端口號
• pathname 文件路徑
• search 查詢部分

• hash 錨點部分

  方法

• reload()
• assign()

• replace()

history （歷史記錄）

屬性

• length 歷史記錄的數量

方法

• back() 回退一步
• forward() 前進一步
• go(n) 前進/後退 n步

screen （屏幕）

屬性

• width 屏幕寬度
• height 屏幕高度

navigator （導航）

屬性

• userAgent 平臺、瀏覽器相關的信息
• platform 平臺

DOM （文檔對象模型）

補充

瀏覽器內核

• 內核應該包含 渲染引擎  JS引擎
• 渲染引擎負責渲染HTML和CSS， JS引擎負責運行JS
• 如今提到瀏覽器內核也能夠單指渲染引擎

常見的瀏覽器內核

• webkit （chrom safari）
• blink （webkit的改型， chrome、opera）
• trident IE
• Gecko Firfox
• Kestrel 老歐朋

URL URI 區別

• URI 標準 中包含 URN 和 URL
• URI： 統一資源標示符
• URN：統一資源命名符
• URL： 統一資源定位符