hash 要点： 1、不会向后台发请求；#是用来指导浏览器动作的，对服务器端完全无用。 2、用来跳转到页面的指定位置: 为网页位置指定标识符，有两个方法。一是使用锚点，比如<a name="print"></a>，二是使用id属性，比如<div id="print" >。 3、hash改变，会产生一 ...
分类：
其他好文 时间：
2018-07-27 23:12:13
阅读次数：
197
1、简介 window.history是用来保存用户在一个会话期间的网站访问记录，并提供相应的方法进行追溯。其对应的成员如下： 方法：back()、forward()、go(num)、pushState(stateData, title, url)、replaceState(stateData, t ...
抽空研究了下这两个新方法，确实可以解决很多问题 抽空研究了下这两个新方法，确实可以解决很多问题 1、使用pushState()方法 可以控制浏览器自带的返回按钮: 有时候我们想让用户点击浏览器返回按钮时，不返回，或执行其他操作，这时，就用到history.pushState()方法 讲解： hist ...
分类：
Web程序 时间：
2018-06-25 01:20:49
阅读次数：
145
$(document).ready(function(e) { var counter = 0; if (window.history && window.history.pushState) { window.onpopstate = function () { window... ...
分类：
Web程序 时间：
2018-05-12 20:27:53
阅读次数：
170
<script> history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); } ...
分类：
其他好文 时间：
2018-04-27 12:23:23
阅读次数：
119
HTML5中history提供的pushState, replaceState这两个API。它们提供了操作浏览器历史栈的方法。 pushState能够在不加载页面的情况下改变浏览器的URL。这个方法接受三个参数： 状态对象，新状态的标题和可选的相对URL。 pushState方法在改变url的同时向 ...
分类：
其他好文 时间：
2018-04-24 17:39:24
阅读次数：
402
HTML5History History interface是浏览器历史记录栈提供的接口，通过back(), forward(), go()等方法，我们可以读取浏览器历史记录栈的信息，进行各种跳转操作。 从HTML5开始，History interface提供了两个新的方法：pushState(), ...
分类：
其他好文 时间：
2018-04-17 23:50:51
阅读次数：
257
spa 单页面router 主要可以基于两种方式实现：修改哈希和直接修改url 1.根据在使用location 修改哈希的时候，页面不会刷新（angular1.x 路由采用） 2.根据h5 pushState 和replaceState 修改url 时，页面不会刷新（react-router、vue ...
分类：
其他好文 时间：
2018-03-24 21:30:15
阅读次数：
199
访问不同的路径，就可以返回不同的结果（不同的组件） 前端自己处理页面跳转都是两种方式： hash模式：开发时使用hash，不会导致404错误，但是不支持SEO h5中的history.pushState：上线采用h5的跳转 VUE中的路由： [安装] 1、在要使用路由的项目中打开CMD命令 输入np ...
分类：
其他好文 时间：
2018-03-22 19:16:41
阅读次数：
197
