pushState

History对象

history.lengthhistory.statehistory.scrollRestoration方法history.back()history.forward()history.go()history.pushState
唐僧洗头爱飘柔·2018-02-04 00:00

前端路由之 History路由

History路由的实现history实现路由主要依靠两个API，前进或后退可以配合onpopstate事件history.pushState将当前URL和history.state加入到history
奶茶多冰三分糖·2018-01-31 11:56

前端路由浅析

前端路由实现了“无请求更新页面“，路由实现的方式有以下两种：1、利用URL中的hash（“#”）2、利用Historyinterface在HTML5中新增的方法：history.pushState和history.replaceState
Ambericer·2018-01-05 17:42

从0开始实现 react-router

重要的有pushState,replaceState。varstateObj={foo:"bar"};history.pushState(stateObj,"
ykforerlang·2018-01-04 00:00

pjax原理和使用

原文：https://www.fanhaobai.com/2017/07/pjax.htmlpjax即pushState+ajax，它被封装成了一个jQuery扩展以方便使用。
fanhaobai·2017-12-10 03:29

JS监听手机返回键

JS监听手机返回键if(window.history&&window.history.pushState){$(window).on('popstate',function(){varhashLocation
cl11992·2017-12-05 15:29

react-router 4.0 格式化文档

html4historyapihtml5historyapi+history.length历史记录条数+history.go(n)n可为正负数任意前进或后退n步+history.back();后退+history.forward();前进+history.pushState
hellcoldby·2017-11-17 11:42

JS监听手机的物理返回键（亲测有效）

代码如下if(window.history&&window.history.pushState){$(window).on('popstate',function(){varhashLocation=location.hash
人应该在·2017-09-14 16:25

浏览器history操作实现一些功能

返回拦截功能：从广告进入到落地页后，给history增加一个页面，拦截返回动作主要用到的是h5中的history对象，使用了pushState，和replaceState来操作。
暖风叔叔·2017-08-08 01:00

部署React：pushstate-server +pm2

一、安装pushstate-server$npminstallpushstate-server--save二、项目根目录下新建server.jsvarserver=require('pushstate-server
R_X·2017-07-20 13:07

React基本原理——路由

原理：浏览器的历史记录，以栈的形式存储，后进先出，按照栈的规律，必须有的方法：进栈（pushstate）、出栈（
daysRoc·2017-07-09 00:30

React基本原理——路由

原理：浏览器的历史记录，以栈的形式存储，后进先出，按照栈的规律，必须有的方法：进栈（pushstate）、出栈（
daysRoc·2017-07-09 00:30

兼容ie9以下的polyfill类库

1、fetch：https://github.com/github/fetch2、HTML5History/StateAPIs(pushState,replaceState,onPopState)：https
all2005·2017-07-05 00:00

js 禁用浏览器后退功能，鼠标右键

//防止页面后退history.pushState(null,null,document.URL);window.addEventListener('popstate',function(){history.pushState
daoxincc·2017-06-29 10:45

浅析HTML5中的 History 模式

一、history.pushStatehistory.pushState(state,title,url);上面第一和第二个参数可以为空
佚名·2017-06-22 16:37

利用js实现 禁用浏览器后退

//防止页面后退 history.pushState(null,null,document.URL); window.addEventListener('popstate',function(){ history.pushState
a15020059230·2017-06-03 15:00

解决微信浏览器返回上一页面强制刷新的问题

原理：通过historyAPI的history.pushState或history.replaceState保存
L1829427·2017-05-19 13:40

jQuery+pjax简单示例汇总

pjax是一个jQuery插件，它使用ajax和pushState来实现快速的浏览体验，包括真正的固定链接，页面标题和工作返回按钮。
Corwien·2017-04-21 08:14

js禁止浏览器的回退事件

//防止页面后退history.pushState(null,null,document.URL);window.addEventListener('popstate',function(){history.pushState
_Json·2017-04-20 11:38

单页应用（SPA）前端javascript如何阻止按下返回键页面回退

这几年单页应用很流行，利用html5新特性history.pushState/replaceState可以操作URL无刷新动态加载html内容，达到比较好的用户体验。
爱吃兔子的小萝卜·2017-04-11 18:13

利用pushState开发无刷页面切换

如果当前URL不是通过pushState或者replaceState产生的，那么history.state是null。history.pushState(state,title,url)
baidu_31333625·2017-04-06 11:00

如何监听Android手机物理返回键

popstate事件在window对象上的事件句柄.每当处于激活状态的历史记录条目发生变化时,popstate事件就会在对应window对象上触发.如果当前处于激活状态的历史记录条目是由history.pushState
L1829427·2017-03-31 18:02

详解HTML5之pushstate、popstate操作history,无刷新改变当前url

一、认识window.historywindow.history表示window对象的历史记录，是由用户主动产生，并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性，让你在历史记录中自由前进和后退。1、历史记录的前进和后退在历史记录中后退，可以这么做：window.history.back();这就像
佚名·2017-03-15 15:41

H5，API的pushState()，replaceState()和popstate()作用，用法

pushState和replaceState是H5的API中新添加的两个方法。通过window.history方法来对浏览器历史记录的读写。
尼古拉斯-托尔斯泰-赵四·2017-03-04 18:16

解决微信内置浏览器返回上一页强制刷新问题方法

执行原理：1.0、通过historyAPI的history.pushState或history.replaceState保存
likar·2017-02-05 12:21

js获取浏览器返回按钮事件

前面要加上jquery比如監聽事件jQuery(document).ready(function($){if(window.history&&window.history.pushState){$(window
根子的数据库·2017-01-13 09:34

Angular路由简单学习

但是致命的缺点就是刷新後无法保持原来的视图，解决此问题的一个方法是使用hash，监听hashchange事件来进行视图切换，另一个方法是用HTML5的historyAPI，通过pushState()记录操作历史
小谢53·2016-12-26 15:45

微信公众号开发 实现点击返回按钮就返回到聊天界面

话不多说，请看代码pushHistory();functionpushHistory(){varstate={title:"title",url:"#"};window.history.pushState
丶默默·2016-12-15 14:02

pushState实现Ajax无刷新页面切换

前言这样的需求很常见：点击页码局部更新页面（非整体刷新），并且产生历史管理。局部刷新很容易实现，ajax可以满足我们的需要，但是这并不会产生历史管理，好在html5给我们提供了几个好用的api方便解决这个问题，见下文。正文一、API1、pushStatepushState()有三个参数：一个状态对象、一个标题（现在会被忽略），一个可选的URL地址。state：与要跳转到的URL对应的状态信息。ti
当时惘然·2016-11-21 09:47

pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新

使用Ajax可以异步获取数据，可以更高效地渲染页面。但也存在这一些问题：再刷新页面，页面就会变成初始的状态浏览器的前进后退功能无效对搜索引擎的爬虫抓取不友好1、早前会使用浏览器的hash锚点来解决不同的hash标记着页面不同的部分，能修正页面刷新数据不正确的问题再通过onhashchange事件监听hash锚点的变化，手动进行前进后退操作，浏览器支持度2、随后出现一种hashbang的技术，即在u
imwtr·2016-11-10 14:21

Flask MVVM 开发(vue.js) - ajax如何同步更新地址栏history 以及使用浏览器返回按钮

page=1效果：1）HTML5提供history.pushState()andhistory.re
非梦nj·2016-11-02 13:12

利用pushState, popState和location.hash等方法自己实现一个小型路由

这篇文章主要是记录下HTML5中history提供的pushState,replaceStateAPI。最后通过这些API自己实现小型的路由。
苹果小萝卜·2016-10-14 00:00

pushState

一、认识window.historywindow.history表示window对象的历史记录，是由用户主动产生，并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性，让你在历史记录中自由前进和后退。1、历史记录的前进和后退在历史记录中后退，可以这么做：window.history.back();这就像
chanda_yang·2016-09-23 10:22

HTML5新特性【pushState】和【replaceState】

近来在处理浏览器禁刷功能时，用到一个新属性：history.pushState()；官方解释如下:history.pushState()方法和history.replaceState()方法，它们允许你逐条地添加和修改历史记录条目
a7272706·2016-09-20 18:37

jQuery实现页面点击后退弹出提示框的方法

分享给大家供大家参考，具体如下：demo.js：jQuery(document).ready(function($){if(window.history&&window.history.pushState
onestopweb·2016-08-24 12:04

【沫沫金】最简单的修改地址栏浏览器地址方法（JS）

直接在页面放上这行jshistory.pushState({},"","${contextPath }/doc-manage/docmannage/default");三个参数：1、历史地址，忽略不计2
沫沫金·2016-08-18 15:45

微信开发，仿原生实现 “再按一次返回”功能

方案原理利用HTML5的window.history.pushState特性，例如当从A页面进入时，先判断window.
烟火里的尘埃·2016-07-30 00:00

jQloader 开源，集成 ajax、history、loading、orderTemplate 的页面模块化工具

它的核心功能为ajax+pushState实现异步加载、路由、浏览器历史。并集成指令模板、进度条、loading效果等功能。
moer·2016-07-08 00:00

Ajax局部页面刷新和history

我们可以人为的使用history.pushState来人造历史信息，并且通过监听popstate事件来知道用户点击了浏览器后退或前进按钮，然后将页面元素还原到历史上的某个状态。
尼古拉斯-托尔斯泰-赵四·2016-05-20 16:49

jquery中禁止浏览器使用前进后退按钮

jQuery(document).ready(function() { var counter = 0; if (window.history && window.history.pushState) 
艾小华·2016-05-09 18:00

PJAX初体验（主要是利用HTML5 新增API pushState和replaceState+AJAX）

也不是什么新鲜技术，主要是AJAX+html5pushState和replaceState。
a7564951·2016-05-09 04:00

PJAX初体验（主要是利用HTML5 新增API pushState和replaceState+AJAX）

也不是什么新鲜技术，主要是AJAX+html5pushState和replaceState。 
garfieldzf·2016-05-08 21:00

微信应用页面分享地址的统一修改

分享到朋友圈”“复制链接”等功能，可以把当前页面地址分享出去；我们可以通过微信官方的jsapi设置页面的分享地址；这里提供另一种方案，我们可以在页面的包含页面中（我的是header.html），通过h5的pushState
张无聊·2016-05-07 15:00

HTML5 历史管理

//html5历史管理 /** *onhashchange:事件；当hash值变化的时候就会触发 *history: *-pushState:三个参数：数据标题地址(可选) *-popstate事件：读取数据
kaizi524·2016-04-26 15:00

使用ajax和history.pushState无刷新改变页面URL

HTML5里引用了新的API，history.pushState和history.replaceState，就是通过这个接口做到
Esther_Heesch·2016-04-12 16:00

HTML5 history新特性pushState、replaceState

从HTML5开始，我们可以开始操作这个历史记录堆栈。DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取，让你可以在用户的访问记录中前进和后退。1.History使用back(),forward(),和go()方法可以在用户的历史记录中前进和后退前进和后退后退：window.history.back();这个方法会像用户点击了浏览器工具栏上的返回键一样。同样的
a7272706·2016-04-07 19:27

HTML5 history新特性pushState、replaceState

从HTML5开始，我们可以开始操作这个历史记录堆栈。 DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取，让你可以在用户的访问记录中前进和后退。1.History使用back(),forward(),和go()方法可以在用户的历史记录中前进和后退前进和后退后退：window.history.back();这个方法会像用户点击了浏览器工具栏上的返回键一样。同样
a7272706·2016-04-07 19:27

html5

1、history增加了两个方法可以用于修改历史记录–参考http://blog.csdn.net/hdchangchang/article/details/41959313pushState：是增加浏览器的会话历史
u010605082·2016-04-05 14:00

js技巧专题篇： 页面跳转

比较常用的是window.location.href,window.location.replace,window.open，当然还有目前比较火的很多框架都采用的无刷新页面跳转技术window.history.pushState
webmgc·2016-04-01 15:57

监听地址栏hash值的变化

window).on("hashchange",function(){//兼容ie8+和手机端      $('.div1').append(This.location.hash);    });3 pushState
u011500781·2016-03-31 20:00
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他