三大對象概述
?訪問一個網頁時，首先打開瀏覽器，鍵入一個網址，瀏覽器便會為你開啟一個tab窗口，隨著你每打開一個網頁，這個窗口就會自動增加一個，你也可以通過單擊+進行手動打開一個窗口。另外，在右上角，還有三個按鈕，對應的功能分別是縮小，放大和關閉窗口。
?本質上都是依靠程序實現的。其中的核心程序一定會涉及中的對象，其中每一個窗口都對應著一個對象。其中，窗口的主要內容區主要負責加載并顯示網頁內容，這些內容是由HTML文檔產生的，因此，它又對應著一個對象（文檔對象），這樣瀏覽器才知道如何顯示網頁中的每一個元素以及顯示什么內容。當我們選擇選擇當前頁面顯示其中一個tab選項卡時，會自動產生一個event對象。
每一個窗口都對應一個對象，窗口主要內容區負責加載并顯示網頁內容，這些內容是由HTML文檔產生的，文檔對應著對象，這樣瀏覽器才知道如何顯示網頁中的每一個元素以及顯示什么內容。這兩個對象為了便于開發，都被封裝成了對象。
對象主要提供跟瀏覽器窗口相關的接口，比如窗口的高和寬屬性，大小的改變方法；對象則提供跟html文檔中的元素相關的接口，如，html元素的查找和替換方法。
除此之外，對象和對象還提供對用戶的行為做出響應的事件，比如，用戶的單擊評論按鈕，就會自動產生一個event對象，相應地就會觸發相應的處理函數，隨著處理函數的執行，網頁上就添加了新的評論內容。
以為基礎開發的Web應用屬于典型的事件驅動型應用，這類應用的程序中通常存在一個主循環，用于監聽所有排隊的事件，一旦檢測到一個事件發生，就自動執行其事件處理函數，來對這個事件做出回應。
在小學，一到早上8:00，就打鈴提示同學們該上第一節課了。
事件是時間一到8點整，事件處理函數（響應函數）是打鈴，并播放提示音樂“同學們，上課了js什么可實現刷新當前網頁，請趕快坐好”，最后的效果是同學們整齊地準好，開始上課。
web應用屬于圖形化交互應用，離不開對象，和event對象提供的大量API接口。
認識 對象
對象的組成
對象：
alert ()方法 ：直接調用
事件：觸發調用
、、對象，直接訪問
對象中屬性用法
對象的屬性
window.onload = function(){
document.body.style.background = "lightgreen";
};對象中方法的應用
常見的方法
window.console.log() 在控制臺窗口中輸出 簡寫為 Console.log()
window.confirm() 打開一個帶確認的窗口 簡寫為 Confirm()
window.alert() 打開一個警告彈出框 簡寫為 Alert()
Window.open（）打開一個新窗口
if(window.confirm(“真的要離開嗎？”)){
window.open(“exit.html”,”感謝關注！”);
}也是一個對象，是對象的子對象，也有一些方法如log().
對象中事件的用法
（1）通過對象的on事件屬性
. = 處理函數名；同樣地，還有. = 處理函數名；在這種方式中，事件是已經定義好的，比如js什么可實現刷新當前網頁，表示獲取到焦點的事件，而則表示失去焦點的事情發生。通過為其賦予函數名，就表示一旦定義的事件被觸發，就會自動執行函數內部的代碼，最后的效果一般是網頁內容的一些動態變化，比如背景顏色的改變等。
（2）通過對象的()方法
在上一個任務中，主要通過（’事件名稱’,事件處理函數名）; 的方式，添加了兩個事件，一個是獲取焦點事件，一個是失去焦點事件。該方法需要提供2個必須的參數，第一是“事件名稱”，第二是“事件句柄”，它就等價于事件處理函數。這里，將一個函數作為該方法的參數，這個函數有個專有名稱——回調函數。
<html>
<head>
<meta charset="UTF-8">
<title>window對象的事件title>
<link rel="stylesheet" href="my.css">
<style>
.paused{
background:#ddd;
color:#eee;
}
style>
head>
<body>
<p id="log">單擊這個段落所在窗口讓它獲取焦點p>
<script>
function loseFocus(){
document.body.classList.add('paused');
log.textContent = '失去焦點了';
}
function getFocus(){
document.body.classList.remove('paused');
log.textContent = '獲取到了焦點，點擊窗口外部區域失去焦點';
}
const log = document.getElementById('log');
window.addEventListener('focus',getFocus);
window.addEventListener('blur',loseFocus);
script>
body>
html>計時器
對象提供三個計時器方法的用法。
（1）(‘函數名’，間隔時間（ms）) ：指定在每隔一定的毫秒（ms），就執行一次執行指定函數或具體的腳本計算代碼。
（2）(定時器的引用變量)：用于清除設置的計時器，停止其正在執行的動作。
（3）(‘函數名’，時間（ms）)：在指定的毫秒數后只執行一次函數或計算。
主要HTML代碼如下
<div id="digitalClock">
<h2>搶單倒計時h2>
<p id="clock">p>
div>