JavaScript 基礎(八)【BOM】


Browser Object Model
Js通過瀏覽器對象模型(BOM)來和瀏覽器進行交互,可以獲取屏幕尺寸,窗口大小,頁面地址,歷史記錄等瀏覽器相關信息,也可以控制瀏覽器執行某些行爲:彈出信息,頁面跳轉,打開窗口,關閉窗口,調整窗口大小等。

瀏覽器對象模型用window對象來表示,所有 JavaScript 全局對象、函數以及變量均自動成爲 window 對象的成員。DOM 的 document 也是 window 對象的一個屬性。

窗口

window.open() - 打開新窗口
window.close() - 關閉當前窗口
window.moveTo() - 移動當前窗口
window.resizeTo() - 調整當前窗口的尺寸
注:腳本不能改變非腳本打開的窗口

尺寸

screen.availWidth		屏幕寬度
screen.availHeight	屏幕高度
innerWidth		瀏覽器窗口寬度
innerHeight	瀏覽器窗口高度

頁面跳轉

location.hostname 返回 web 主機的域名
location.pathname 返回當前頁面的路徑和文件名
location.port 返回 web 主機的端口 (80443)
location.protocol 返回所使用的 web 協議(http: 或 https:)
location.href 屬性返回當前頁面的 URL。
通過改變location.href來實現頁面跳轉
location.href = "";
location.replace('http://www.baidu.com') 使用新文檔代替舊文檔
location.assign("http://www.baidu.com") 加載一個新文檔

歷史

history.forward() 前進
history.back()   後退
history.go() 跳轉

彈窗

alert() 警告框 
confirm() 確認框 
prompt() 提示框

計時器

setInterval() 循環執行
clearInterval() 停止執行
setTimeout() 一定時間後執行一次
clearTimeout() 停止執行

Cookie

需要登錄的網站,在用戶登錄之後需要記錄客戶端的用戶信息,而不是每訪問一個頁面都需要重複登錄,cookie就用來解決這個問題
Cookie 是一些數據, 存儲於你電腦上的文本文件中。當用戶訪問 web 頁面時,他的信息可以記錄在 cookie 中。在用戶下一次訪問該頁面時,可以在 cookie 中讀取用戶信息。

Cookie 以名/值對形式存儲  name=xiaoming;password=123
當瀏覽器從服務器上請求 web 頁面時,會攜帶cookie
Cookie默認在瀏覽器關閉時刪除,也可以自己設置過期時間 expires
創建 document.cookie = ‘name=xiaoming’
讀取 var x = document.cookie;
刪除 document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

存儲

從服務器獲取的數據可以存儲在瀏覽器中,以免重複獲取

localStorage	沒有過期時間,直到手動刪除
sessionStorage 臨時保存,關閉瀏覽器頁面後自動刪除

瀏覽器信息window.navigator

瀏覽器代號:  navigator.appCodeName  
瀏覽器名稱:   navigator.appName  
瀏覽器版本: navigator.appVersion 
啓用Cookies: navigator.cookieEnabled 
硬件平臺:  navigator.platform 
用戶代理:  navigator.userAgent  
用戶代理語言: navigator.systemLanguage
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章