概念：BOW（browser object model是瀏覽器對象模型）
12.1 常用對象
Window：窗口，瀏覽器的窗口。
我們定義的全局變量和全局函數都是window對象的屬性和方法。
<script>
var a = 1;
function test(){
var a =2;
alert(a);
alert(window.a);
}
</script>全局變量是window的屬性。全局函數是window的方法。
窗口body的寬度：window.innerWidth。
窗口body的高度：window.innerHeight。
常用的方法：
open：打開一個新的窗口。要傳三個參數第一個爲將要打開瀏覽器的路徑第二個爲打開的方式，第三個爲對於新打開窗口的描述（寬和高等）。
var myWindow = window.open("http://www.baidu.com","_blank","width=300.height=400");
close：關閉一個窗口。
function closeWin() {
myWindow.close();
}
moveto：移動一個窗口。以窗口的左上角爲座標起點
function removeWin() {
//一個窗口的右上角爲移動窗口的目標
myWindow.moveTo(200, 200);
myWindow.focus();//窗口獲得焦點
}
focus：使窗口獲得焦點。
Resizeto：改變窗口的大小。
function resizeWin() {
myWindow.resizeTo(1000, 1500);
myWindow.focus();//窗口獲得焦點
}screen：屏幕 也是window下面的一個對象 在使用的時候可以用。
Window.screen，也可以把window省略掉。
屏幕的常用屬性：寬，高；（可用寬和可用高（可用高不包括任務欄））
<script>
var scrwidth = window.screen.width;
var scrHeight = window.screen.height;
document.write("屏幕的寬度"+scrwidth+"屏幕的高度"+scrHeight);
var scrAvaWidth = screen.availWidth;
var scrAvaHeight = screen.availHeight;
document.write("屏幕的寬度"+scrAvaWidth+"屏幕的高度"+scrAvaHeight);
</script>location：地址。
常用屬性：href完整路徑、port端口號、pathname路徑名、protocol協議。
常用方法：
打開一個新的路徑（窗口）
location.assign("http://runoob.com");刷新：普通刷新和強制刷新
function reLoadDoc() {
location.reload();//如果傳值爲true那麼就是強制刷新
}history：歷史記錄
記錄當前窗口的歷史，可以進行頁面轉換。
back：返回上一頁
forward：進入下一頁
go：進入確定的哪一頁（-1時爲回到上一頁）
12.2 彈窗
alert（）：警告提示框。也是window對象下的方法，window可以省略不寫
alert("提示的內容");//警告提示框Prompt（“提示的信息”，“默認值”）：信息提示輸入框。也是window對象下的方法，window可以省略不寫。當點擊了確定後才把值返回，否則返回爲空。
var str = prompt("請輸入內容","hello world");//請輸入內容，後面的hello world是默認值Confirm（“提示信息”）：確認框。也是window對象下的方法，window可以省略不寫。當點擊確定時，返回true。如果點取消返回false。
var isRight = confirm("是否確定刪除");
document.write(typeof (isRight)+"<br>"+isRight);12.3 cookie
Cookie的作用：在本地瀏覽器存儲數據。常用於記住賬號等
Cookie的組成：
鍵值對的形勢
存儲的數據：“userId=123456； psd=123345； phone=1875455”
有限期：“expires=今天以後的時間”
存儲cookie
按照cookie的格式寫好一個字符串，然後將它賦值給document.Cookie，瀏覽器就存了這個cookie。可以存多個鍵值對，但是鍵的名字不能重複。
獲取cookie
通過document.Cookie就能得到瀏覽器之前存儲的cookie。是一個字符串將這個字符串進行解析，得到自己想要的內容。
function getCookie() {
var data = document.cookie;
var result = [];
result = data.split("; ");
var userIDData = result[0].split("=")[1];
var psdDate = result[1].split("=")[1];
var userID = document.getElementById("userID");
userID.value = userIDData;
var psd = document.getElementById("psd");
psd.value = psdDate;
}清除cookie
將存儲的cookie的有效期改爲過去的某一天，就清除了cookie。
function removeCookie(){
var date = new Date();
date.setDate(date.getDate()-7);
var cookieText = "psd=;expires="+date;
document.cookie = cookieText;
}12.4 計時事件
setInterval（“函數”，“毫秒數”）：計時器，就是每隔多長時間就調用一次函數。例如時鐘的演示：
<body>
<p id="time">時間</p>
</body>
<script>
var timer = setInterval("getTime()", 1000);
var time = new Date();
var hour = time.getHours();
var minute = time.getMinutes();
var second = time.getSeconds();
var p1 = document.getElementById();
p1.innerHTML = hour+":"+minute+":"+second;
}
</script>ClearInterval（計時器）：停止一個計時器。
SetTimeout（“函數名”，“毫秒數”）;//延時器，（隔了多長時間後調用函數）
var timer = setTimeout("clook()", 3000);
function clook(){
var p1 = document.getElementById("p1");
p1.innerHTML = "";
}