BOM(Browser Object Model) 是指瀏覽器對象模型，是用於描述這種對象與對象之間層次關系的模型，瀏覽器對象模型提供了獨立於內容的、可以與瀏覽器窗口進行互動的對象結構。BOM由多個對象組成，其中代表瀏覽器窗口的Window對象是BOM的頂層對象，其他對象都是該對象的子對象。（摘自——百度百科）
1、確認框（confirm）,當確認框彈出時可以選擇點擊“確認”或“取消”，當點擊確認時返回“true”，點擊取消時返回“false”：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Window對象</title>
</head>
<body>
<button onclick="myFunction()">請點擊按鍵</button>
<p id="demo"></p>
<script>
function myFunction(){
confirm("您確定是否刪除嗎？");
var x;
var r=confirm("按下按鈕!");
if (r==true){
x="已刪除";
}
else{
x="刪除已取消";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
效果展示：
2、alter警告框，出現警告框之后，用戶需要點擊確定按鈕之后才能繼續操作：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Window對象</title>
</head>
<body>
<button onclick="myFunction()">請點擊按鍵</button>
<p id="demo"></p>
<script>
function myFunction(){
alert("我是一個警告框");
}
</script>
</body>
</html>
3、prompt提示框，提示用戶在進入某頁面前要輸入某些數據，如果輸入數據后點擊確認，返回值為輸入的數據，如果點擊取消按鍵，返回值為null。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Window對象</title>
</head>
<body>
<button onclick="myFunction()">請點擊按鍵</button>
<p id="demo"></p>
<script>
function myFunction(){
prompt("請輸入你的昵稱");
}
</script>
</body>
</html>
4、setInterval計時時間，以指定的時間間隔來執行函數：
例如：在輪播圖(https://www.cnblogs.com/zhai1997/p/12218795.html)的函數中，需要每隔三秒切換一次圖片就需要用到此方法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首頁</title>
<style>
@import url("/css/lunbo.css");
</style>
<script>
function init(){
setInterval("changeImg()",3000);
}
var i=0
function changeImg(){
i++;
document.getElementById("img").src="../img/"+i+".jpg";
if(i==3){
i=0;
}
}
</script>
</head>
<body onload="init()">
<div id="">
<img src="../img/1.jpg" width="100%" id="img"/>
</div>
</body>
</html>
5、clearTimeout方法用於將設定的時間停止：
例如：在定時三秒后彈出廣告的練習中(https://www.cnblogs.com/zhai1997/p/12221255.html)，用到了此方法：
function init(){ time = setInterval("showAd()",3000); } //書寫顯示廣告圖片的函數 function showAd(){ //獲取廣告圖片的位置 var adEle = document.getElementById("img"); //修改廣告圖片元素里面的屬性讓其顯示 adEle.style.display = "block"; //清除顯示圖片的定時操作 clearInterval(time); //設置隱藏圖片的定時操作 time = setInterval("hiddenAd()",3000); } //書寫隱藏廣告圖片的函數 function hiddenAd(){ //獲取廣告圖片並設置其style屬性的display值為none document.getElementById("img").style.display= "none"; //清除隱藏廣告圖片的定時操作 clearInterval(time); }
還有其他方法，這里沒有一一列舉... ...