JS瀏覽器BOM

JavaScript Window | 菜鳥教程 (runoob.com)

BOM簡介

瀏覽器物件模型（Browser Object Model (BOM)）尚無正式標準。

Windows

視窗，所有 JavaScript 全域性物件、函式以及變數均自動成為 window 物件的成員。

// 獲取標籤節點
window.document.getElemmentById("idName");

// 彈出視窗
window.alter("hello world");

// 瀏覽器視窗的內部高度(包括滾動條)
window.innerHeight

// 瀏覽器視窗的內部寬度(包括滾動條)
window.innerWidth
 

Screen

包含有關使用者螢幕的資訊，編寫時可以不新增window的字首

 //可用的螢幕寬度
screen.availWidth

// 可用的螢幕高度
screen.availHeight 

Location

用於獲得當前頁面的地址 (URL)，並把瀏覽器重定向到新的頁面,

location.hostname // 返回 web 主機的域名
location.pathname // 返回當前頁面的路徑和檔名
location.port // 返回 web 主機的埠 （80 或 443）
location.protocol // 返回所使用的 web 協議（http: 或 https:）
location.href  // 返回當前頁面的 URL。
location.assign()  // 方法載入新的文件,跳轉到指定的url
 

history

window.history 物件包含瀏覽器的歷史

history.back() // 與在瀏覽器點選後退按鈕相同
history.forward() // 與在瀏覽器中點擊向前按鈕相同

history.go();  // go() 裡面的引數表示跳轉頁面的個數 
history.go(1) // 表示前進一個頁面
history.go(-1) // 表示後退一個頁面
history.go(0);  // go() 裡面的引數為0,表示重新整理頁面

Navigator

window.navigator 物件包含有關訪問者瀏覽器的資訊,不應該被用於檢測瀏覽器版本

彈窗

可以在 JavaScript 中建立三種訊息框：警告框、確認框、提示框

window.alert("sometext"); 
window.confirm("sometext");
window.prompt("sometext","defaultvalue");

計時事件

JavaScript 一個設定的時間間隔之後來執行程式碼

// setInterval() 和 setTimeout() 是 HTML DOM Window物件的兩個方法。
setInterval() // 間隔指定的毫秒數不停地執行指定的程式碼。
setTimeout() //  在指定的毫秒數後執行指定程式碼。
clearInterval() // 用於停止 setInterval() 方法執行的函式程式碼
clearTimeout() // 用於停止執行setTimeout()方法的函式程式碼

Cookie

Cookie 用於儲存 web 頁面的使用者資訊,Cookie 以名/值對形式儲存

JavaScript Cookie | 菜鳥教程 (runoob.com)