一、DOM的基本概念
DOM是文檔對象模型，這種模型為樹模型；文檔是指標簽文檔；對象是指文檔中每個元素；模型是指抽象化的東西。
一、基本語法：
數據類型（字符串，小數，整數，布爾，時間） var，
var s = "3.14"; var n = parseFloat(s); ; s += 5;
var d = parseInt(s);
isNaN(字符串)：判斷是否是數字模樣的字符串；是-false； 不是-true
運算符：四大類
表達式： function Show() { }
語句：三大類（順序，分支，循環）
分支：if(){}; if...else...;if...else if...else if ......else;if嵌套
循環：窮舉，迭代；四要素（初始條件，循環條件，循環體，狀態改變）：
數組；var a = new Array()
函數：四要素(名稱，輸入，返回，加工)
二、DOM操作：
樹 window對象——瀏覽器窗口
window.location：地址欄
window.history：訪問歷史
window.status：狀態欄
window.document：重點！
二、Window對象操作
1、屬性和方法
屬性（值或者子對象）：
opener:打開當前窗口的源窗口，如果當前窗口是首次啟動瀏覽器打開的，則opener是null。
dialogArgument：對話框返回值。
子對象：history,location,document,status,menubar,toolbar等。
方法（函數）：事件（事先設置好的程序，被觸發）。
2、Window.open（"第一部分"，"第二部分"，"第三部分"，"第四部分"）
Window.open的特征參數：
第一部分：寫頁面地址。
第二部分：_blank 打開的方式，在新窗口還是自身的窗口。
第三部分：控制打開的窗口格式，可以寫多個，用空格隔開如下：
toolbar=no 新打開的窗口無工具條 ；
menubar=no 無菜單欄 status=no 無狀態欄 ；
width=100 height=100 寬度高度；
left=100 打開的窗口距離左邊多少距離；
resizable=no 窗口大小不可調 ；
scrollbars=yes 出現滾動條；
location=yes 有地址欄；
Window.open也有返回值，它的返回值是：新打開的窗口對象。
3、window.close()： 關閉當前窗口
w.close()： 關閉保存在變量w中的那個窗口；
關閉多個子窗口： 先將打開的窗口存入數組內，利用循環將其挨個關閉；
window.opener.close()； 關閉打開當前窗口的源窗口
4、間隔與延遲
間隔執行一段代碼（函數）：window.setInterval("要執行的代碼"，間隔的毫秒數)
清除間隔執行：window.clearInterval(間隔的id); 循環一次之后用來清除隔執行的代碼
延遲一段時間執行某一段代碼（函數）：window.setTimeout("要執行的代碼"，延遲的毫秒數)
清除延遲：window.clearTimeout(延遲的id)；清除setTimeout
5、調整頁面
window.navigate("url") 跳轉至目標頁面，在谷歌瀏覽器下有bug；
window.moveTo(x,y) 移動頁面至某一位置，位置由x和y決定；
window.resizeTo(寬，高) 調整頁面的寬度和高度；
window.scrollTo（x,y） 滾動頁面至哪里，y代表縱向滾動。
6、模態對話框和非模態對話框
模態對話框（Modal Dialogue Box），是指在用戶想要對對話框以外的應用程序進行操作時，必須首先對該對話框進行響應。
如單擊【確定】或【取消】按鈕等將該對話框關閉，它和非模態對話框都是永遠置頂的，它們的區別在於當對話框打開時，是否允許用戶進行其他對象的操作。
打開模態對話框：window.showModalDialog("url"，"向目標對話框傳的值"，"窗口特征參數")；
特征參數：用分號隔開，像素大小用px。dialogHeight,dialogWidth,center,等
打開非模態對話框：window.showModelessDialog("url"，"向目標對話框傳的值"，"窗口特征參數")
var a = window.dialogArgument；可以用一個參數來獲取模態或非模態對話框傳遞的值。
三、Window.history對象
window.history.back(); 頁面進行后退；
window.history.forward(); 頁面前進；
window.history.go(n); n如果是正數則代表前進n個頁面，n如果是負數則代表后退n個頁面，一般常用這一種。
四、Window.location對象
location 地址欄
var s = window.location.href; 獲取當前頁面的地址
window.location.href="http://www.baidu.com"; 修改頁面地址，會跳轉頁面
window.location.hostname: 主機名，域名，網站名，可用變量接收
window.location.pathname: 路徑名，可用變量接收
五、Window.status對象
status狀態欄 可以給狀態欄添加要顯示的文字
window.status=" 要在狀態欄顯示的內容"；設置狀態欄文字
補充：
回車符\r和換行符\n的區別： \r 相當於enter，是段落與段落之間的區別，
\n 相當於shift+enter，是行與行之間距離，比較小
幾種window操作方法：
1、獲取當前窗口大小並打印：
var height=window.innerHeight;var width = window.innerWidth;document.write("<br/>"+"height"+height+",width"+width);
2、打開窗口、關閉當前窗口
window.open("http://baidu.com");window.close();
3、移動當前窗口到某一位置（x，y）
window.moveTo(200,200);
4、改變當前窗口的尺寸（width，height）
window.resizeTo(1100,1100);
5、獲取當前頁地址
document.write(location.href);
6、【歷史記錄】網頁的前進（前進到之前的歷史，相當於“→”）、后退（后退到之前歷史，相當於“←”）