一，開篇分析

好了，廢話不多說，直接進入今天的主題，今天主要講的是“History API”及在單頁應用中的作用，并且會引入一個實際的例子做為講解的原型范例，先來看看“History API”：

　　為了提高Web頁面的響應速度，越來越多的開發者開始采用單頁面結構（single-page application）的解決方案。所謂的單頁面結構就是指多個頁面間切換時，不刷新當前整個頁面，更新頁面展示數據，并且相應地改變地址欄中的url，以使用戶可以分享這個url。

　　如果你使用chrome或者firefox等瀏覽器訪問"github.com、plus.google.com"等網站時，細心的你會發現頁面之間的點擊是通過ajax異步請求的，

同時頁面的URL發生了了改變。并且能夠很好的支持瀏覽器前進和后退。是什么有這么強大的功能呢？恩，這就會說到今天的主角，HTML5里引用了新的API：

“history.pushState”和“history.replaceState”，就是通過這個接口做到無刷新改變頁面URL的。先來看看"history"接口的詳細方法：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表