一、什么是BOM
BOM（Browser Object Document）即瀏覽器對象模型。
BOM提供了獨立于內容 而與瀏覽器窗口進行交互的對象；
由于BOM主要用于管理窗口與窗口之間的通訊，因此其核心對象是window；
BOM由一系列相關的對象構成，并且每個對象都提供了很多方法與屬性；
BOM缺乏標準，JavaScript語法的標準化組織是ECMA，DOM的標準化組織是W3C，BOM最初是Netscape瀏覽器標準的一部分。
二、學習BOM學什么
我們將學到與瀏覽器窗口交互的一些對象，例如可以移動、調整瀏覽器大小的window對象，可以用于導航的location對象與history對象，可以獲取瀏覽器、操作系統與用戶屏幕信息的navigator與screen對象，可以使用document作為訪問HTML文檔的入口，管理框架的frames對象等。在這里，只介紹一些window對象等的基礎知識，其中會有一些ECMAscript的知識還會說明。其他對象Location、Screen、Navigator、History不一一詳細介紹了。。
三、window對象
window對象是js中的頂級對象，所有定義在全局作用域中的變量、函數都會變成window對象的屬性和方法，在調用的時候可以省略window。
例：
打開窗口 window.open(url,target,param);// url 要打開的地址//target 新窗口的位置 _blank _self _parent(父框架)//param 新窗口的一些設置//返回值，新窗口的句柄關閉窗口：window.close();
四、BOM零碎知識（window對象）
1.定時器
延遲執行 setTimeout( [string | function] code, interval);
clearTimeout([number] intervalId);
<body> <input type="button" value="closeTimerId" id="btn"> <script> var btn = document.getElementById("btn"); var timerId = setTimeout(function () { alert("23333"); }, 3000); btn.onclick = function () { //在設置的時間之前（3s內）點擊可以取消定時器 clearTimeout(timerId); } </script> </body>定時執行 var timerId = setInterval(code, interval);
clearInterval(timerId); //清除定時器
倒計時案例：
<body><input type="button" value="倒計時開始10" id="btn" disabled/><script> var btn = document.getElementById("btn"); var num = 10; var timerId = setInterval(function () { num--; btn.value = "到時器開始" + num; if (num == 0) { clearInterval(timerId); btn.disabled = false; btn.value = "同意，可以點了"; } },1000); </script> </body>
新聞熱點
疑難解答
圖片精選
