[JavaScript] 8.JS BOM對象
來源：程序員人生 發布時間：2016-06-06 16:47:16 閱讀次數：3044次
簡介
BOM是browser object model的縮寫，簡稱閱讀器對象模型；
BOM主要用于管理窗口與窗口之間的通訊，因此其核心對象是window；
BOM由1系列相干的對象構成，并且每一個對象都提供了很多方法與屬性；
閱讀器對象模型（Browser Object Model）還沒有正式標準。
結構
window對象
window對象是閱讀器對象中其他大部份對象的共同的先人，所以1般在JavaScript程序中可以省略window對象
經常使用window對象的方法
open(URL,windowName,parameterList)：open方法創建1個新的閱讀器窗口，并在新窗口中載入1個指定的URL地址
close()：close方法關閉1個閱讀器窗口
alert()等
setTimeout
Specifiesa delay for calling a function or evaluating an expression.
setInterval
Callsa function or evaluates an expression every time the specified intervalelapses.
clearTimeout
Clearsa timeout that was set with the setTimeout method.
clearInterval
Clearsa delay that was set with the setInterval method.
Demo
<!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=utf⑻">
<title>akali-javascriptBOM</title>
<script>
vara;
varb;
functiontestSetTimeout(){
// a= setTimeout(function(){ //這樣直接定義匿名函數最好！可以解決閱讀器差異問題!
// alert("3秒后履行！");
// },3000);
// setTimeout(ttt,3000,"3","5"); //如此傳參會有閱讀器差異問題。建議依然使用匿名函數調用。以下：
setTimeout(function(){
ttt(3,4);
},3300);
}
functionttt(a,b){
alert(a+b);
}
functiontestSetInterval(){
vari = 1;
b= setInterval(function(){
alert("第"+(i++)+"次履行");
},3000);
}
functiontestClearTimeout(){
clearTimeout(a);
}
functiontestClearInterval(){
clearInterval(b);
}
</script>
</head>
<body>
<inputtype=button value=測試setTimeout onclick="testSetTimeout();"/>
<inputtype=button value=取消setTimeout onclick="testClearTimeout();"/>
<inputtype=button value=取消setInterval onclick="testClearInterval();"/>
<inputtype=button value=測試setInterval onclick="testSetInterval();"/>
</body>
</html>
History對象history含有之前訪問過的網頁的URL地址。
Demo
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=utf⑻" />
<title>history對象</title>
</head>
<body>
<ahref="javascript:void(0);"onclick="javascript:history.go(⑴);">后退1個</a>
<ahref="javascript:void(0);"onclick="javascript:history.go(1);">前進1個</a>
</body>
</html>
Navigator對象
使用navigator獲得閱讀器信息//判斷閱讀器類型
Demo
function method() {
varc=window.navigator.userAgent.toLowerCase();
if(c.indexOf("msie")>0){
alert("您用的是微軟的ie閱讀器");
}elseif(c.indexOf("firefox")>0) {
alert("您用的是火狐");
}else{
alert("不知道");
}
}
location對象
location對象是當前網頁的URL地址。我們可使用Location對象來讓閱讀器打開某頁
具體的語法為
window.location=“xxxx”
這里的xxxx可以是1頁也能夠是1個網站的IP地址。
Demo
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html; charset=utf⑻"/>
<title>UntitledDocument</title>
<scriptLanguage="JavaScript">
functiontestLocation() {
// alert(window.location);
alert(location);
}
functiontestLocation1() {
location="http://www.baidu.com";
}
</script>
</head>
<body>
<ahref="javascript:void(0);" onclick="testLocation()">測試location</a>
<ahref="javascript:void(0);" onclick="testLocation1()">測試location</a>
</body>
</html>
業務思想
BOM對象的實質對象間的通訊，掌握其基本屬性和方法，即可以很好地為我們服務。關于BOM對象最為重要的也莫過于其屬性和方法，多加練習使用，即可搖擺于其間。
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
