单页应用跳转实现浅析-讨论篇

之前写了 单页应用跳转实现浅析-讨论篇

接下写一下在跳转调试和资料查找中的过程，加以总结。

function pushhs1(){



    history.pushState({ 'page_id': 'a1'}, 'a1-title', '#a1');
   location.replace(location.href);    
   return false;
}


上面方法相信看过我上一篇文章的朋友都不会陌生。

在有的博客中我曾经看过如下方式的实现：

    history.pushState({ 'page_id': 'a1'}, 'a1-title', '#a1');
   history.pushState({ 'page_id': 'a1'}, 'a1-title', '#a1');
 
   history.back()；

这种方式其实是更好理解的一种方法，经过了两次pushstate，当然这两次都不会触发popstate。但是调用了back，popstate得以触发。思路非常好非常适合初学者。
但是上面方法有个弊端，就是经过了一次back，在浏览器的前进按钮是可以点一次的。影响用户体验。

如下还有我在网上看到有这样写的：

   history.pushState({ 'page_id': 'a1'}, 'a1-title', '#a1');
   history.replaceState({ 'page_id': 'a1'}, 'a1-title', '#a1');//替换

经过测试，这样写也不会触发popstate的。个人没有明白为什么网上有些demo会这样写。希望能和大家一起讨论。