利用pushState实现无刷页面切换效果

<table class="text"><tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

一个产品，它在页面切换之间体验非常好。   虽然不知道其实现无刷新的方式，但是自己通过百谷学习到一种可行方案并已经投入使用。   下面是思路笔记：   首先在点击某个按钮的时候，触发ajax局部刷新，并使用 var state = history.state; history.pushState(state,"",'/user/editor/file_type/w_editor'); 来记录history的状态，同时url会改变   【URL改变】这样就可以在刷新的时候，读取url参数进行初始化   如果点击了后退和前进的按钮，则可以触发window.onpopstate的事件 window.onpopstate = function() {   //location.reload(); } 触发事件也可以进行url参数初始化，这样就实现了无刷新页面切换效果。