BOM:
概念:瀏覽器對象模型(Browser Object Model),允許JavaScript與瀏覽器對話,JavaScript將瀏覽器的各個組成部分封裝為對象。
組成:
Window:瀏覽器窗口對象
介紹:瀏覽器窗口對象:
獲取:直接使用window,其中window.可以省略,window.alert("Hello JS");
屬性:
history:對History對象的只讀引用。
location:用于窗口或框架的Location對象。
Navigator:對Navigator瀏覽器對象的只讀引用。
常見方法:
alert(): 顯示帶有一段消息和確認按鈕的警告框。
confirm(): 顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。
返回為true或false,然后將結果打印出來。?
setInterval(): 按照指定的周期(以毫秒計)來調用函數或計算表達式。
周期性執行:
setTimeout():? 在指定的毫秒后調用函數或計算表達式。
只會執行一次。
?代碼:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Js-對象-BOM</title>
</head>
<body><script>// 獲取// window.alert("Hello JS-BOM");// alert("Hello BOM window");// 方法// confirm()// var res = confirm("您確認刪除該記錄嗎?");// alert(res); // 確認返回為true,取消返回為false。// 定時器 serInterval()// var count = 0;// setInterval(function() {// count++;// console.log("定時器執行了" + count + "次");// }, 2000);// 定時器 setTimeout 延時執行setTimeout(function() {console.log("3秒后執行");}, 3000);</script>
</body>
</html>
Location:地址欄對象
獲取:使用window.location獲取,其中window可以省略。
window.location.屬性
location.屬性
屬性:
href:設置或者返回完整的URL。
location.href = "https://www.baidu.cn";
瀏覽器會自動跳轉到百度頁面。
Navigator:瀏覽器對象
Screen:屏幕對象
History:歷史記錄對象