1window對象
window對象是BOM的核心，window對象指當前的瀏覽器窗口。
window對象方法:
2JavaScript 計時器
在JavaScript中，我們可以在設定的時間間隔之後來執行代碼，而不是在函數被調用後立即執行。
計時器類型：
一次性計時器：僅在指定的延遲時間之後觸發一次。
間隔性觸發計時器：每隔一定的時間間隔就觸發一次。
計時器方法：
3計時器setInterval()
在執行時,從載入頁面後每隔指定的時間執行代碼。
語法:
setInterval(代碼,交互時間);
參數說明：
1. 代碼：要調用的函數或要執行的代碼串。
2. 交互時間：週期性執行或調用表達式之間的時間間隔，以毫秒計（1s=1000ms）。
返回值:
一個可以傳遞給 clearInterval() 從而取消對"代碼"的週期性執行的值。
調用函數格式(假設有一個clock()函數):
setInterval("clock()",1000)
或
setInterval(clock,1000)
我們設置一個計時器，每隔100毫秒調用clock()函數，並將時間顯示出來，代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>計時器</title>
<script type="text/javascript">
var int=setInterval(clock, 100)
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
</form>
</body>
</html>
4取消計時器clearInterval()
clearInterval() 方法可取消由 setInterval() 設置的交互時間。
語法：
clearInterval(id_of_setInterval)
參數說明:
id_of_setInterval：由 setInterval() 返回的 ID 值。
5計時器setTimeout()
setTimeout()計時器，在載入後延遲指定時間後,去執行一次表達式,僅執行一次。
語法:
setTimeout(代碼,延遲時間);
參數說明：
1. 要調用的函數或要執行的代碼串。
2. 延時時間：在執行代碼前需等待的時間，以毫秒爲單位（1s=1000ms)。
6取消計時器clearTimeout()
setTimeout()和clearTimeout()一起使用，停止計時器。
語法:
clearTimeout(id_of_setTimeout)
參數說明:
id_of_setTimeout：由 setTimeout() 返回的 ID 值。該值標識要取消的延遲執行代碼塊。
7History 對象
history對象記錄了用戶曾經瀏覽過的頁面(URL)，並可以實現瀏覽器前進與後退相似導航的功能。
注意:從窗口被打開的那一刻開始記錄，每個瀏覽器窗口、每個標籤頁乃至每個框架，都有自己的history對象與特定的window對象關聯。
語法：
window.history.[屬性|方法]
注意：window可以省略。
History 對象屬性
History 對象方法
使用length屬性，當前窗口的瀏覽歷史總長度，代碼如下：
<script type="text/javascript"> var HL = window.history.length; document.write(HL); </script>
8返回前一個瀏覽的頁面
back()方法，加載 history 列表中的前一個 URL。
語法：
window.history.back();
比如，返回前一個瀏覽的頁面，代碼如下：
window.history.back();
注意：等同於點擊瀏覽器的倒退按鈕。
back()相當於go(-1),代碼如下:
window.history.go(-1);
9返回下一個瀏覽的頁面
forward()方法，加載 history 列表中的下一個 URL。
如果倒退之後，再想回到倒退之前瀏覽的頁面，則可以使用forward()方法,代碼如下:
window.history.forward();
注意：等價點擊前進按鈕。
forward()相當於go(1),代碼如下:
window.history.go(1);
10返回瀏覽歷史中的其他頁面
go()方法，根據當前所處的頁面，加載 history 列表中的某個具體的頁面。
語法：
window.history.go(number);
參數：
瀏覽器中，返回當前頁面之前瀏覽過的第二個歷史頁面，代碼如下：
window.history.go(-2);
注意：和在瀏覽器中單擊兩次後退按鈕操作一樣。
同理，返回當前頁面之後瀏覽過的第三個歷史頁面，代碼如下：
window.history.go(3);
11Location對象
location用於獲取或設置窗體的URL，並且可以用於解析URL。
語法:
location.[屬性|方法]
location對象屬性圖示:
location 對象屬性：
location 對象方法:
12Navigator對象
Navigator 對象包含有關瀏覽器的信息，通常用於檢測瀏覽器與操作系統的版本。
對象屬性:
查看瀏覽器的名稱和版本，代碼如下:
<script type="text/javascript">
var browser=navigator.appName;
var b_version=navigator.appVersion;
document.write("Browser name"+browser);
document.write("<br>");
document.write("Browser version"+b_version);
</script>
13userAgent
返回用戶代理頭的字符串表示(就是包括瀏覽器版本信息等的字符串)
語法
navigator.userAgent
幾種瀏覽的user_agent.，像360的兼容模式用的是IE、極速模式用的是chrom的內核。
使用userAgent判斷使用的是什麼瀏覽器(假設使用的是IE8瀏覽器),代碼如下:
function validB(){
var u_agent = navigator.userAgent;
var B_name="Failed to identify the browser";
if(u_agent.indexOf("Firefox")>-1){
B_name="Firefox";
}else if(u_agent.indexOf("Chrome")>-1){
B_name="Chrome";
}else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
B_name="IE(8-10)";
}
document.write("B_name:"+B_name+"<br>");
document.write("u_agent:"+u_agent+"<br>");
}
運行結果:
14screen對象
screen對象用於獲取用戶的屏幕信息。
語法：
window.screen.屬性
對象屬性:
屏幕分辨率的高和寬
window.screen 對象包含有關用戶屏幕的信息。
1. screen.height 返回屏幕分辨率的高
2. screen.width 返回屏幕分辨率的寬
注意:
1.單位以像素計。
2. window.screen 對象在編寫時可以不使用 window 這個前綴。
我們來獲取屏幕的高和寬，代碼如下:
<script type="text/javascript"> document.write( "屏幕寬度："+screen.width+"px<br />" ); document.write( "屏幕高度："+screen.height+"px<br />" ); </script>
屏幕可用高和寬度
1. screen.availWidth 屬性返回訪問者屏幕的寬度，以像素計，減去界面特性，比如任務欄。
2. screen.availHeight 屬性返回訪問者屏幕的高度，以像素計，減去界面特性，比如任務欄。
注意:
不同系統的任務欄默認高度不一樣，及任務欄的位置可在屏幕上下左右任何位置，所以有可能可用寬度和高度不一樣。
我們來獲取屏幕的可用高和寬度，代碼如下：
<script type="text/javascript">
document.write("可用寬度：" + screen.availWidth);
document.write("可用高度：" + screen.availHeight);
</script>