BOM(瀏覽器對象模型)
iframe
//以下都為window對象下屬性
`parent`//指當(dāng)前窗口的父級窗口
`top` //永遠指向最上層窗口
`self` //指向被調(diào)用窗口
窗口位置
//在IE想幻、Safari、Opera和Chrome中
window.screenTop 和 window.screenLeft
//在Firefox中
wndow.screenX 和 wndow.screenY
在IE确虱、Opera中，screenLeft和screenTop保存的是從屏幕左邊和上邊到由window對象表示的頁面的可見區(qū)域的距離。但在Chrome艘狭、Firefox和Safari中骂远，screenX或screenTop保存的都是整個瀏覽器窗口偶相對于屏幕的坐標(biāo)值囚霸。
窗口大小及調(diào)整
outerWidth、outerHeight //IE9+激才、Firefox拓型、Safari返回瀏覽器窗口本身尺寸额嘿，在Opera中返回頁面視圖容器的大小
innerWidth、innerHeight //IE9+劣挫、Firefox册养、Safari該容器中頁面視圖大小
//在Chrome中，這四個值都返回相同的值压固，即視圖大小而非瀏覽器窗口大小
document.documentElement.clientWidth
document.documentElement.clientHeight
//保存了頁面視口信息
document.body.clientWidht
document.body.clientHeight
//混雜模式取得相同信息球拦，在Chrome混雜模式下，這這兩種都可以使用
window.resizeTo(x,y) //調(diào)整到 x x y
檢測平臺帐我、設(shè)備
var system = {
win:false,
mac:false,
x11:false,
//移動設(shè)備
iphone:false,
ipod:false,
ipad:false,
ios:false,
android:false,
nokiaN:false,
winMobile:false,
//游戲系統(tǒng)
wii:false,
ps:false
}
var ua = navigator.userAgent;
var p = navigator.platform;
system.win = p.indexOf('Win') == 0;
system.mac = p.indexOf('Mac') == 0;
system.x11 = (p == 'X11') || (p.indexOf('Linux') === 0);
//檢測ios版本
if(system.mac && ua.indexOf('Mobile') > -1){
if(/CPU (?:iPhone )?OS (\d+_\d+)/.test(ua)){
system.ios = parseFloat(RegExp.$1.replace('_','.'));
} else {
system.ios = 2; //不能真正檢測出來坎炼，所以只能猜測
}
}
//檢測android版本
if(/Android (\d+\.\d+).test(ua)/){
system.android = parseFloat(RegExp.$1);
}
還有l(wèi)ocation等
DOM(文檔對象模型)
classList可以取得元素的class，使用remove拦键、add谣光、toggle可以操作類名。
PS：只支持 Firefox3.6+ 和 Chrome
readyState屬性
loading 正在加載文檔
complete 文檔加載完成
insertAdjacentHTML()
//作為前一個同輩元素插入
element.insertAdjacentHTML('beforebegin',"<p>123</p>");
//最為第一個子元素插入
element.insertAdjacentHTML('afterbegin',"<p>123</p>");
//作為最后一個子元素插入
element.insertAdjacentHTML('beforeend',"<p>123</p>");
//作為后一個同輩元素插入
element.insertAdjacentHTML('afterend',"<p>123</p>");
//支持IE芬为、Firefox 8+萄金、Safari、Opera和Chrome
scrollIntoView()
//讓元素可見
document.forms[0].scrollIntoView();
//支持IE碳柱、Firefox捡絮、Safari和Opera
