十4、 HTML 5 新增方法以及歷史管理

@(HTML5)[HTML5 新增方法]

[TOC]

十4、 HTML 5 新增方法以及歷史管理

新增的獲取元素的方法

靜態獲取的方法：

• document.querySelector() 選擇單個元素
• document.querySelectorAll() 選擇一組元素 動態獲取的方法：
• document.getElementsByClassName() 經過類名選擇 // 經過 getELementBy 的方法是動態獲取的 HTMLCollection // 經過 querySelector 的方法獲取的是靜態的 NodeList

classList

• length : class的長度
• add() : 添加class方法
• remove() : 刪除class方法
• toggle() : 切換class方法
• contains() : 判斷類名是否存在返回bool值

JSON

• parse() : 把字符串轉成json 字符串中的屬性要嚴格的加上引號
• stringify() : 把json轉化成字符串 會自動的把雙引號加上

與eval的區別 eval()：對任何的字符串進行解析變成js parse()：字符串中的屬性要嚴格的加上引號

其餘瀏覽器兼容：下載json2.js

歷史管理

onhashchange ：改變hash值來管理

history ：歷史管理 服務器下運行 pushState : 三個參數 ：數據 標題 地址(可選) replaceState： 替換 pushState()能夠建立歷史，能夠配合popstate事件，而replaceState()則是替換掉當前的URL，不會產生歷史。 onpopstate事件 : 讀取數據 event.state

history:

• back() 至關瀏覽器的後退按鈕
• go() 參數 0當前索引值 1下一頁 -1上一頁
• forward( ) 至關瀏覽器的前進按鈕