BOM基礎

BOM基礎

什麼是BOM

Browser Object Model（瀏覽器對象模型)
專門操做瀏覽器窗口的API————沒有標準，有兼容性問題

window：表明整個窗口
history：封裝當前窗口打卡後，成功訪問過的歷史url記錄
navigator：封裝瀏覽器配置信息
document：封裝當前正在加載的網頁內容
location：封裝了當前窗口正在打開的url地址
screen：封裝了屏幕的信息
event：定義了網頁中的事件機制

獲取當前窗口大小：
完整窗口大小：

window.outerWidth/outerHeight

文檔顯示區大小：

window.innerWidth/innerHeight

定時器

讓程序按指定時間間隔自動執行任務
網頁動態效果，計時功能等

週期性定時器

讓程序按指定時間間隔反覆自動執行一項任務
語法：
setInterval(exp,time):週期性觸發代碼exp
exp：指行語句
time：時間週期，單位爲毫秒

setInterval(function(){
        console.log("hello world")
},1000);

中止定時器

1.給定時器取名

var timer=setInterval(function(){
        console.log("hello world");
},1000);

2.中止定時器

clearInterval(timer);

一次性定時器

讓程序延遲一段時間執行
1.語法
setTimeout(exp,time):一次性觸發代碼exp
exp；執行語句
time：間隔時間，單位爲毫秒

setTimeout(function(){
    alert("恭喜過關"）；
}，3000）;

如何選擇
只要反覆執行，就用週期性
只要只執行一次，就用一次性