BOM游覽器模型（window）

屬性

• innerWidth ：游覽器可視區(qū)寬度
• innerHeight：游覽器可視區(qū)高度
• 兼容性：clientWidth / clientHeight

方法

• close() ：關(guān)閉當前頁面
• open(url)：打開新的頁面

子對象

1. history ： 對象包含游覽器URL歷史信息

   • length屬性： 歷史列表的網(wǎng)址數(shù)
   • forward()：加載下一個URL
   • back()：加載上一個URL
   • go(0)：0刷新頁面，-1下一個頁面，1上一個頁面

2. location：包含游覽器地址欄信息

   • href：獲取或設置地址欄信息
   • host：主機名稱和端口名
   • hostName：主機名
   • pathName：地址欄路徑名
   • search：地址欄查詢部分
   • hash：#后面部分
   • assign(url)：打開一個新的文檔
   • reload()：重新刷新當前文檔
   • replace(url)：用新的文檔替換當前文檔

3. navigator：包含游覽器有關(guān)信息

4. screen：對象包含客服端屏幕信息

   • width：屏幕的總寬度
   • height：屏幕的總高度
   • availWidth：屏幕的寬度（不包括任務欄）
   • availHeight：屏幕的高度（不包括任務欄）

事件

1. onload：html資源加載完后觸發(fā)

2. onscroll：發(fā)生滾動時觸發(fā)

   • 獲取滾動的高度，和內(nèi)容卷進去的高度一致

   document.documentElement.scrollTop
   

   • 獲取下面滾動條滾動的長度

   document.documentElement.scrollLeft
   

   • 兼容寫法

   document.documentElement.scrollTop || document.body.scrollTop    // scrollLeft兼容性寫法同上
   

3. onresize：游覽器窗口大小改變時觸發(fā)

DOM文檔對象模型

內(nèi)置屬性，標簽自帶屬性，可直接操作

如：id、className、classList、href、title等

• classList：class屬性的更改
  • length：列表中類的數(shù)量
  • add(class1,class2,...)：在元素中添加一個或多個類名
  • remove(class1,class2,...)：在元素中移除一個或多個類名
  • taggle(class)：檢查元素中是否有該類名，有則刪除，沒有則添加
• innerHTML：獲取或設置文本內(nèi)容

非內(nèi)置屬性，即自定義屬性

• setAttribute(key,val)：添加屬性
• getAttribute(key)：讀取屬性的值
• removeAttribute(key)：刪除屬性

公共屬性

• parentNode：父級元素
• children：所有子級節(jié)點
• firstElementChild：第一個子節(jié)點
• lastElementChild：最后一個子節(jié)點
• previousElementSibling：上一個兄弟節(jié)點
• nextElementSibling：下一個兄弟節(jié)點
• nodeName：節(jié)點的名稱