03.28 「前端架構師30天快速掌握js24」之BOM對象

此篇文章講解目錄:

  • window對象

  • screen對象

  • location對象

  • history對象

  • navigator對象

  • 消息框對象

瀏覽器對象模型 (BOM) 使 JavaScript 有能力與瀏覽器“對話”。

window對象

所有瀏覽器都支持 window 對象。它表示瀏覽器窗口。

所有 JavaScript 全局對象、函數以及變量均自動成為 window 對象的成員。全局變量是 window 對象的屬性。全局函數是 window 對象的方法。甚至 HTML DOM 的 document 也是 window 對象的屬性之一

  • window.open() - 打開新窗口

  • window.close() - 關閉當前窗口

  • window.moveTo() - 移動當前窗口

  • window.resizeTo() - 調整當前窗口的尺寸

screen對象

  • screen.availWidth - 可用的屏幕寬度

  • screen.availHeight - 可用的屏幕高度

「前端架構師30天快速掌握js24」之BOM對象

location對象

  • location.hostname 返回 web 主機的域名

  • location.pathname 返回當前頁面的路徑和文件名

  • location.port 返回 web 主機的端口 (80 或 443)

  • location.protocol 返回所使用的 web 協議(http:// 或 https://)

  • location.href 屬性返回當前頁面的 URL

「前端架構師30天快速掌握js24」之BOM對象

history對象

  • history.back() - 與在瀏覽器點擊後退按鈕相同

  • history.forward() - 與在瀏覽器中點擊按鈕向前相同

navigator對象

對象包含有關訪問者瀏覽器的信息

「前端架構師30天快速掌握js24」之BOM對象

消息框對象

  • 提示框 window.alert('提示內容')

  • 確認框 window.confrim('提示內容')

  • 輸入框 window.prompt('提示內容','默認值')

「前端架構師30天快速掌握js24」之BOM對象


分享到:


相關文章: