BOM的核心物件是window，它表示瀏覽器的一個實體，window物件有雙重角色，它既是通過JavaScript訪問瀏覽器視窗的一個介面，又是ECMAScript規定的Global物件，這意味著在網頁中定義的任何一個物件、變數和函式，都以window作為其Global物件，因此有權訪問parseInt()等方法，
如果頁面中包含框架，則每個框架都擁有自己的window物件，并且保存在frames集合中，在frames集合中，可以通過數值索引（從0開始，從左至右，從上到下）或者框架的名稱來訪問相應的window物件，
一、Window物件方法
1、系統對話框
瀏覽器通過（實際是window物件的方法）alert()、confirm()、prompt()方法可以呼叫系統對話框向用戶顯示訊息，
（1）訊息框:alert， 常用，
alert() 方法用于顯示帶有一條指定訊息和一個 OK 按鈕的警告框，
（2）輸入框:prompt，回傳提示框中的值，
prompt() 方法用于顯示可提示用戶進行輸入的對話框，
引數（可選）：
第一個引數：要在對話框中顯示的純文本，
第二個引數：默認的輸入文本，
（3）確認框:confirm，回傳 true/false.
confirm() 方法用于顯示一個帶有指定訊息和 OK 及取消按鈕的對話框，
<style type="text/css">
#aa{
border: 1px solid red;
height: 100px;
}
</style>
<body>
<div id="aa">
This is a div
</div>
<button onclick="testAlert();">警告</button>
<button onclick="testComfirm();">修改</button>
<button onclick="testPrompt();">輸入</button>
<script type="text/javascript">
// 1.警告框
function testAlert(){
alert('警告框！！！');
}
/*
2.輸入框
回傳值：輸入的內容
* */
function testPrompt(){
var item = prompt('請輸入年齡'); // item得到輸入的值
// console.log(item)
// alert(prompt('請輸入年齡',18)); // 將輸入的值輸出
}
/*
3.確認框
回傳值：boolean（true|false）
* */
function testComfirm(){
var result = confirm('真的要改嗎？');
if(result){
var ele = document.getElementById("aa");
ele.style.color="red";
ele.innerHTML="<span>fdsfsd</span>";
}else{
alert("沒事別瞎點，，，");
}
}
</script>
</body>
2、打開視窗
window.open()方法既可以導航到一個特定的URL也可以用來打開一個新的視窗
<script type="text/javascript"> function openBaidu(){ window.open('http://www.baidu.com','_self'); // _self、_blank等 // window.open(); //空白視窗 } </script> <input type="button" name="open" value="https://www.cnblogs.com/xiaole888899999/archive/2021/12/19/百度" onclick='openBaidu();' />
3、關閉視窗
window.close()：關閉視窗，
例：點擊按鈕關閉當前視窗，
<input type="button" value="https://www.cnblogs.com/xiaole888899999/archive/2021/12/19/關閉視窗" onclick="window.close();" />
二、JavaScript設計模式系統講解與應用
關于JavaScript設計模式講解應用這一塊，建議學習下面這套教程即可，獲取方式圖片中有，
課程內容豐富完整，學習JavaScript非常不錯，歡迎來學習JavaScript設計模式講解與應用，
三、時間函式
1、setTimeout()
setTimeout() : 在指定的毫秒數后呼叫函式或計算運算式，回傳一個唯一的標識；也可以通過回傳的標識cliearTimeout(id)： 來清除指定函式的執行，
var id = setTimeout(function,times); clearTimeout(id);
2、setInteval()
setInterval():可按照指定的周期（以毫秒計）來呼叫函式或計算運算式，也可根據回傳的標識用來結束，該方法會不停地呼叫函式，直到 clearInterval() 被呼叫或視窗被關閉，
var id = setInterval(function,times); clearInterval(id); function test(){ console.log("....."); } // window是一個全域物件，通過全域物件呼叫setInterval()函式 window.setInterval(test,1000);
關于BOM物件講到這里，下次再講 history物件，如需java入門到架構師全套資料視頻等請留言評論或私聊，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/386488.html
標籤：其他
上一篇：npm安裝教程
下一篇：VUE加Vite創建專案