瀏覽器對象模型烦味,提供瀏覽器窗口進(jìn)行交互的對象冕末,其核心是window
把瀏覽器當(dāng)做一個對象來看待
BOM的頂級對象是window
BOM學(xué)習(xí)的是瀏覽器窗口交互的對象
BOM 是瀏覽器廠商在各自瀏覽器上定義的搀暑,兼容性太差
window是全局對象添瓷,定義在局域作用域中的
console.dir(window)
window 常見的事件
窗口加載事件
window.onload=function(){
}
window.addEventListener(load,function(){
})
window.addEventListener(DOMContentLoaded,function(){
}) IE9及以上版本支持不包含圖片 flash css 等就可以執(zhí)行
DOMContentLoaded >load
調(diào)整窗口觸發(fā)事件,窗口像素變化發(fā)生觸發(fā)
window.addEventListener(resize,function(){
window.innerWidth? 屏幕的寬度
})
定時器
setTimeout(調(diào)用函數(shù),延時的毫秒數(shù))
也稱回調(diào)函數(shù)
window.clearTimeout(timeID)為定時器起一個名字
setInterval(回調(diào)函數(shù)舞竿,間隔的毫秒數(shù))
this 指向問題廓八,一般情況下this的最終指向是那個調(diào)用它的對象
全局作用域或者普通函數(shù)中的this指向全局對象window (注意定時器的this指向window)
js單線程 同步和異步
location對象
URL統(tǒng)一資源定位符
協(xié)議 host port path? query
substr(1)
location.assign(www.baidu.com)可以實現(xiàn)后退功能
location.replace 不能實現(xiàn)后退功能
location.reload(true)重新刷新一下頁面
history.forward(),下一頁
history.back() 后退
history.go(1)前進(jìn)
history.go(-1)后退