BOM瀏覽器對象模型:是規范瀏覽器對js語言的支持(js調用瀏覽器本身的功能)。
BOM的具體實現是window對象
window對象使用學習:
1、window對象不用new,直接進行使用即可,類似Math的使用方式,window關鍵字可以省略不寫。
2、框體方法
alert:警告框 提示一個警告信息,沒有返回
confirm:確認框 提示用戶選擇一項操作(確定/取消)
點擊確定 返回true
點擊取消 返回false
prompt:提示框, 提示用某個信息的錄入或者說收集
點擊確定,返回當前用書錄入的數據,默認返回空字符串
點擊取消,返回null
3、定時和間隔執行方法
setTimeout:指定的時間后執行指定的函數
參數1:函數對象
參數2:時間,單位毫秒。
返回值:返回當前定時器的id
setInterval:每間隔指定的時間執行指定的函數
參數1:函數對象
參數2:時間,單位毫秒。
返回值:返回當前間隔器的id
clearTimeout:用來停止指定的定時器
參數:定時器的id
clearInterval:用來停止指定的間隔器
參數:間隔器的id
4、子窗口方法
window.open('子頁面的資源(相對路徑)','打卡方式','配置');
示例:window.open('son.html','newwindow','height=400, width=600, top=100px,left=320px, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=no, status=yes');
注意:
關閉子頁面的方法window.close(),但是此方法只能關閉open方法打開的子頁面。
5、子頁面調用父頁面的函數
window.opener.父頁面的函數
6、地址欄屬性:location
window.location.href="新的資源路徑(相對路徑/URL)"
window.location.reload()重新加載頁面資源
7、歷史記錄屬性
window.history.forward() 頁面資源前進,歷史記錄的前進。
window.history.back() 頁面資源后退,歷史記錄后退
window.history.go(index) 跳轉到指定的歷史記錄資源
注意window.history.go(0)相當於刷新。
8、屏幕屬性
window.srceen.width;//獲取屏幕的寬度分辨率
window.screen.height;//獲取屏幕的高度分辨率