一，開(kāi)篇分析

好了，廢話不多說(shuō)，直接進(jìn)入今天的主題，今天主要講的是“History API”及在單頁(yè)應(yīng)用中的作用，并且會(huì)引入一個(gè)實(shí)際的例子做為講解的原型范例，先來(lái)看看“History API”：

　　為了提高Web頁(yè)面的響應(yīng)速度，越來(lái)越多的開(kāi)發(fā)者開(kāi)始采用單頁(yè)面結(jié)構(gòu)（single-page application）的解決方案。所謂的單頁(yè)面結(jié)構(gòu)就是指多個(gè)頁(yè)面間切換時(shí)，不刷新當(dāng)前整個(gè)頁(yè)面，更新頁(yè)面展示數(shù)據(jù)，并且相應(yīng)地改變地址欄中的url，以使用戶可以分享這個(gè)url。

　　如果你使用chrome或者firefox等瀏覽器訪問(wèn)"github.com、plus.google.com"等網(wǎng)站時(shí)，細(xì)心的你會(huì)發(fā)現(xiàn)頁(yè)面之間的點(diǎn)擊是通過(guò)ajax異步請(qǐng)求的，

同時(shí)頁(yè)面的URL發(fā)生了了改變。并且能夠很好的支持瀏覽器前進(jìn)和后退。是什么有這么強(qiáng)大的功能呢？恩，這就會(huì)說(shuō)到今天的主角，HTML5里引用了新的API：

“history.pushState”和“history.replaceState”，就是通過(guò)這個(gè)接口做到無(wú)刷新改變頁(yè)面URL的。先來(lái)看看"history"接口的詳細(xì)方法：

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表