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

前端之家收集整理的这篇文章主要介绍了利用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参数初始化,这样就实现了无刷新页面切换效果。  

猜你在找的程序笔记相关文章