做前端的都知道如果通过a标签去访问跳转到某一个页面，浏览器会自动刷新。那么如何实现不刷新跳转？ html5的出现让我们可以实现不刷新跳转页面。主要使用的方法：history.pushState(data,str,url) 。不知道的百度 h5 history api。 现在不用自己来造轮子，我们直接 ...
分类：
其他好文 时间：
2017-06-21 18:19:43
阅读次数：
123
HTML5 新增的历史记录 API 可以实现无刷新更改地址栏链接，配合 AJAX 可以做到无刷新跳转。 简单来说：假设当前页面为renfei.org/，那么执行下面的 JavaScript 语句： window.history.pushState(null, null, "/profile/"); ...
$(document).ready(function(e) { var counter = 0; if (window.history && window.history.pushState) { $(window).on('popstate', function () { alert(1111) ...
分类：
其他好文 时间：
2017-06-10 19:32:56
阅读次数：
525
前几天帮同学改了一下一个管理系统前端部分，整个页面布局就是 header 和 footer 固定，左边为导航栏，右边为内容显示栏··· 他之前是用iframe来实现的，但是这样导致每次点击导航栏部分都会重新刷新整个页面，每个页面都有很多内容重复，这样显得性能不佳··· 这样一来就必须用到异步刷新了， ...
分类：
Web程序 时间：
2017-06-10 13:46:44
阅读次数：
183
isclick = false; setInterval(function () { if (isclick == false) { history.pushState("", "", "#bdf"); } else { isclick = false; } }, 500); ...
分类：
Web程序 时间：
2017-06-10 12:17:10
阅读次数：
278
防止页面后退（使浏览器后退按钮失效） 原理：用新页面的URL替换当前的历史纪录，这样浏览历史记录中就只有一个页面，后退按钮永远失效。 注：history.go和history.back（包括用户按浏览器历史前进后退按钮）触发， 页面由于使用pushState修改了history），会触发popsta ...
分类：
其他好文 时间：
2017-05-02 23:47:30
阅读次数：
276
我们要了解浏览器的history。大家知道在页面中我们可以使用JavaScript window history，后退到前面页面，但是由于安全原因javascript不允许修改 history里已有的url链接，但可以使用pushState方法往history里增加url链接，并且提供popstat ...
分类：
微信 时间：
2017-04-21 19:01:10
阅读次数：
340
JS监听手机返回键，需要用些前端的“奇技淫巧”。 核心代码如下： if (window.history && window.history.pushState) { $(window).on('popstate', function() { var hashLocation = location.h ...
分类：
移动开发 时间：
2017-04-10 09:38:05
阅读次数：
246
一、BrowserRouter 说明：使用HTML5历史记录API（pushState，replaceState和popstate事件）的<Router>来保持UI与URL的同步 1. basename:string 所有位置的基本URL。 如果您的应用程序是从服务器上的子目录提供的，则需要将其设置 ...
分类：
其他好文 时间：
2017-04-08 12:26:00
阅读次数：
505
h5新增的history的某部分方法和属性，非常实用。 传送门 有pushState,replaceSate,popSate,state 它们详细请看传送门。 测试请开本地服务器。 1、达成某个条件返回指定页面。 2、监听到返回按钮 ...
分类：
其他好文 时间：
2017-03-27 23:56:44
阅读次数：
279
