pushState

history.pushState 添加浏览器历史记录

最近在做一个H5商城项目，用到了支付宝跟微信的支付，但是遇到了以下的问题：当前页面为提交订单页，包含了用户账号密码、买家留言、优惠券选择、支付方式选择等等，内容填好后点击提交订单跳转到对应支付方式的支付页面，但是问题来了，假如用支付宝，在刚跳转到支付宝页面时不选择下一步，而是直接取消支付，用浏览器回退按钮返回到提交订单页，这时还可以点击提交订单来再次支付，但实际算是重复生成订单的bug了；而且对不
weixin_34007906·2020-09-11 11:39

ajax与HTML5 history pushState/replaceState实例

byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=3432一、本文就是个实例展示三点：我就TM想找个例子，知道如何个使用，使用语法什么的滚粗跟搜索引擎搞基自己备忘精力总是有限的，昨天一冲动，在上海浦东外环之外订了个90米的房子，要借钱筹首付、贷款和领证什么的。HTML5histo
weixin_30564785·2020-09-11 10:52

【转】HTML5 API——无刷新更新地址 history.pushState/replaceState 方法

尽管是上面讲到的《JavaScript高级程序设计》(第二版)中提到，BOM中的location.path/query……(window.location)在通过JavaScript更改以后，浏览器都会通过刷新来到达你更改后的URL(location的意思就是位置。。)而在JavaScriptMVC开始流行之后，通过刷新来修改URL的方法，不禁让人感到烦躁。然而HTML5中就制定了一个这样的API
林尧彬·2020-09-11 10:12

无刷新页面切换 - pushState

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

使用pushState()改变url而不刷新

编者注：这个pushState()是一个HTML5的新接口，你可能在一些科技博客如36kr上看到过，ajax加载新的文章，并且改变网址却不需要刷新页面，本站也用到了这个，当你在首页往下拉时，加载分页内容
kk_9955·2020-09-11 09:22

【pushstate】参数详解

下面是更详细的解释：stateobject--stateobject是将要关联到使用pushState创建的一个新历史(history)记录的javascrpt对象。
q573625392·2020-09-11 09:39

HTML5网页页面无刷新更新页面URL

HTML5可通过history.pushState修改网页的URL地址，在配合相关代码显示隐藏相应界面便可以实现单页面多界面相互操作。
lishengko·2020-09-11 09:58

history.pushState()无刷新改变url

今天在做一个vue的搜索功能，需要从搜索结果页面跳转到细节页面，然后点击返回还能返回到刚刚的结果页面，如果只用window.history.go(-1)当然会重新刷新搜索页面，当然是不行的。我尝试了两种方法都是通过改变url来实现，一种是window.location.href拼接一个搜索的key值，点击搜索的同时，刷新了页面，url改变了，功能是实现了，可是bug来了。。。。，搜索页面闪烁后才进
晶晶晶晶晶·2020-09-11 08:28

HTML5 history新特性pushState、replaceState

https://developer.mozilla.org/en/DOM/Manipulating_the_browser_historyDOM中的window对象通过window.history方法提供了对浏览器历史记录的读取，让你可以在用户的访问记录中前进和后退。从HTML5开始，我们可以开始操作这个历史记录堆栈。1.History使用back(),forward(),和go()方法可以在用户
iteye_5655·2020-09-11 08:56

Javascript history对象的 history.pushState() 和 history.replaceState() 方法

history.pushState()和history.replaceState()是history对象的两个新增的方法，是可以很好的操作历史记录的方法；history.State()history.State
cvper·2020-09-11 08:30

HTML5 history新特性pushState、replaceState

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

JS之replaceState与pushState的妙用

场景text前几天做web站的账单重构，原有的支付路径为www.xxx.com/a/b/c,进入我的账单之后，即www.xxx.com/a后台经过auth2.0认证后，会重定向到www.xxx.com/yy/a/，并且这个yy是一个变量值，微信支付只能设置5个支付路径，如果这样走到支付页面去支付的时候，会出现支付页面路径为注册，所以错误。解决办法非本场景解决办法：修改支付路径本场景解决办法：使用h
乐橙Web·2020-09-11 07:14

通过history.pushState无刷新改变url

背景在浏览器中改变地址栏url，将会触发页面资源的重新加载，这使得我们可以在不同的页面间进行跳转，得以浏览不同的内容。但随着单页应用的增多，越来越多的网站采用ajax来加载资源。因为异步加载的特性，地址栏上的资源路径没有被改变，随之而来的问题就是页面的状态无法被保存。这导致我们难以通过熟悉的方式（点击浏览器前进/后退按钮），在前后的页面状态间进行切换。为了解决ajax页面状态不能返回的问题，人们想
vv314·2020-09-11 07:59

Html5无刷新修改Url,history pushState/replaceState

来源URL:http://blog.sina.com.cn/s/blog_70a3539f0101ecyg.html一、认识window.historywindow.history表示window对象的历史记录，是由用户主动产生，并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性，让你在历史记录中自由
walkersc·2020-09-11 07:21

HTML5 API——无刷新更新地址 history.pushState/replaceState 方法

[size=large]尽管是上面讲到的《JavaScript高级程序设计》(第二版)中提到，BOM中的location.path/query……(window.location)在通过JavaScript更改以后，浏览器都会通过刷新来到达你更改后的URL(location的意思就是位置。。)而在JavaScriptMVC开始流行之后，通过刷新来修改URL的方法，不禁让人感到烦躁。然而HTML5中
narutolby·2020-09-11 07:55

HTML5 API—无刷新更新地址 history.pushState/replaceState方法(例子）

转自：http://www.cnblogs.com/maorongmaomao/archive/2012/02/20/2359341.html尽管是上面讲到的《JavaScript高级程序设计》(第二版)中提到，BOM中的location.path/query……(window.location)在通过JavaScript更改以后，浏览器都会通过刷新来到达你更改后的URL(location的意思就
chelen_jak·2020-09-11 07:39

「无刷新跳转」window.history两个新方法pushState和replaceState详解

无跳转重写urlHTML5新接口，可以改变网址而不刷新页面存在跨域问题，不支持重写到另一个域名下仅改变网址，网页不会真的跳转，也不会获取到新的内容，本质上网页还停留在原页面一、window.history.pushState
toofelix·2020-09-11 06:26

js 监听浏览器后退事件

$(document).ready(function(e){varcounter=0;if(window.history&&window.history.pushState){$(window).on(
绝凌峰·2020-09-11 01:09

分享页面后添加新的路由栈

也就是说这是你浏览器窗口打开时浏览的第一个页面,现在希望分享出去后,可以点击返回按钮,返回到指定的页面history.replaceState(null,null,'https://home')//替换掉当前页面history.pushState
ADZG-tuni·2020-09-10 18:32

history 路由原理

history模式如果不希望看到丑陋的#可以使用history模式，其原理依赖于history.pushState函数a标签点击以后，如果没有#必然会页面跳转发起请求使用pushState函数可以改变url
ADZG-tuni·2020-09-10 18:32

Vue 禁用浏览器的前进后退操作

网上搜到的答案基本如下：history.pushState(null,null,document.URL)window.addEventListener('popstate',function(){history.pushState
·2020-09-09 11:30

vue监听浏览器原生返回按钮,进行路由转跳操作

具体操作方法如下：1、挂载完成后，判断浏览器是否支持popstatemounted(){if(window.history&&window.history.pushState){history.pushState
·2020-09-09 11:25

window.history的跳转实质－HTML5 history API 解析

其对应的成员如下：方法：back()、forward()、go(num)、pushState(stateData,title,url)、replaceState(stateData,title,url)
erix1991·2020-08-26 12:43

前端路由笔记

前端路由的实现本质：检测URL变化，获取url地址，解析url匹配页面；检测URL变化有两种方式：hash，HTML5HistoryHTML5Historyhistory.pushState和history.replaceState
Silence布吉岛·2020-08-24 14:03

大前端

路由刷新问题参考https://booblogger.com/yang-zhong/前端路由阻止浏览器刷新通过hashwindow.location.href=‘#helloworld’;通过history.pushState
丘可�·2020-08-24 08:37

阿里腾讯前端一面小结

3、项目一三中的难点（后台管理系统）插件的使用及扩展、动态url（pushstate、historyJS、hash）、用hash实现的原理4、项目二中的难点（移动端页面自适应）动态设置viewport＋
weixin_30216561·2020-08-24 03:37

操纵浏览器历史记录 : popstate() 、 history.pushState() 、 window.history.pushState（）

一、历史记录前进与后退1.后退：window.history.back()--相当于用户在浏览器的工具栏上点击返回按钮；2.前进：window.history.forward()--相当于用户在浏览器的工具栏上点击前进按钮；3.移动到指定历史记录点：通过go()方法，指定一个相对于当前页面位置的数值，从当前会话的历史记录中加载页面（当前位置页面索引：0，上一页：-1，下一页：1）；window.h
微风--轻许--·2020-08-24 02:35

history.pushState()实现不跳转，改变路由异步刷新

实现异步刷新history.pushState(state,null,$(this).attr('data-url'));$.get($(this).attr('data-url'),function(
Master_ZO·2020-08-23 18:45

vue-router中的滚动行为

vue-router,可以自定义路由切换时如何滚动这个功能只在支持history.pushState的浏览器中可用。
冰雪为融·2020-08-23 17:39

history

跳转至下一个页面;3.go(),go(1)相当于forward(),go(-1)相当于back();还可以接受2/-2等数字作为参数实现跳转；4.length属性，当前在history栈中的url个数；5.pushState
Lucky1024·2020-08-23 06:56

react-route-dom详细文档

使用HTML5提供的historyAPI(pushState,replaceState和popstate事件)来保持UI和URL的同步。
风之伤_3eed·2020-08-23 00:08

angular路由的两种策略

路由器通过两种LocationStrategy提供商来支持所有这些风格：PathLocationStrategy-默认的策略，支持“HTML5pushState”风格。
蒙奇·D·伊丽莎白·2020-08-22 20:08

vue路由跳转到新页面时置顶

vue路由跳转就是通过对history.pushState()和history.replaceState()方法的模拟来实现，会往history栈中存放一条记录，这也是为什么vue的router.push
sslcsq·2020-08-22 18:01

关于history.pushState()和popstate和replaceState()

上一篇用location.hash实现ajax前进后退功能，本文采用history.pushState()和popstate和history.replaceState().H5新特性实现。
冰红茶ht·2020-08-22 02:28

移动端 --- ios微信页面回退不刷新的问题

function pushHistory() {    var state = {       title: "title",       url: "#"      };    window.history.pushState
小草莓蹦蹦跳·2020-08-21 15:39

利用pushState开发无刷新页面修改url参数

因为想要实现tab切换添加参数和修改参数值，一开始的思路是：/**url目标url*arg需要替换的参数名称*arg_val替换后的参数的值*returnurl参数替换后的url*/functionchangeURLArg(url,arg,arg_val){varpattern=arg+'=([^&]*)';varreplaceText=arg+'='+arg_val;if(url.match(p
dream0129·2020-08-21 14:20

vue 页面禁止物理返回键返回跳转相应页面 App 浏览器通用

mounted(){if(window.history&&window.history.pushState){history.pushState(null,null,document.URL)window.addEventListener
ppfxdj·2020-08-21 09:42

卖彩票功能代码

document.getElementById('list');oBtn.οnclick=function(){vararr=text(37,7);oList.innerHTML=arr;history.pushState
Agwenbi·2020-08-21 08:36

js监听浏览器后退事件

/Window/onpopstate代码如下：$(document).ready(function(e){varcounter=0;if(window.history&&window.history.pushState
anbinmei9074·2020-08-19 08:41

vue router.push(),router.replace(),router.go()区别

1.router.push(location)=====window.history.pushState说明:想要导航到不同的URL，则使用router.push方法。
itsmyturn·2020-08-19 06:18

开源仿google plus的wordpress主题

googleplus出来后，界面很是简洁，并且使用了ajax+pushState等技术，所以就仿照它做了个wordpress主题分享给大家。
welefen·2020-08-18 23:37

Uncaught DOMException: Failed to execute 'pushState' on 'History': A history state object with URL

最近做项目的时候，打包到pad上面提示这个报错，反反复复折腾了两三天，终于找到了原因，虽然这个问题不常遇到，但还是记录一下，希望能帮到大家问题的原因在这里可以找到https://www.techiediaries.com/html5-history-api,是因为跨域，也就是有过二次跳转，因为这个是同事操作的，调用我的入口，所以我不清楚有二次跳转，最后确认是有的。还有一个原因是我用了vue-rou
何足疗·2020-08-18 21:25

Vue2.x 路由实现地址栏变化的API(history.replaceState() 与pushState())

文章目录快速体验history对象history的APIhistory属性`HTML5为history对象添加了两个新方法`history.pushState()参数案例步骤说明`不允许输入跨域网址`history.replaceState
胖鹅68·2020-08-17 22:37

js笔记合集

history：用来控制网页前进和后退，根据的是网页历史纪录history.back();//后退history.forward();//前进无刷新更改URL：history.pushState(data
liedElxa·2020-08-17 19:00

监听URL pushstate与replacestate

this,arguments);vare=newEvent(type);e.arguments=arguments;window.dispatchEvent(e);returnrv;};};history.pushState
qq_33332184·2020-08-17 01:17

最近面试遇到的问题

1.Vue的两种路由模式1.hash模式：原理是onhashchange事件，url都会被浏览器记录下来，只能改变#后面的url片段2.history模式：根据historyapi中的pushState
small-xin·2020-08-16 08:29

在vue中如何监听手机物理返回键，移动端，app

popstate请点击此链接查看//那个界面使用，就把代码写到那个界面mounted(){//如果支持popstate一般移动端都支持了if(window.history&&window.history.pushState
约定の幸福·2020-08-15 18:11

vue路由，history模式的原理

，每次向服务器请求index.html，再由客户端分析当前url,做不同的变化router-link会生成a标签，a标签没有#，就会发请求的，为了解决这个问题，需要history原理：history.pushState
couch-potato·2020-08-15 11:51

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

1pushHistory();23functionpushHistory(){4varstate={5title:"title",6url:"#"7};8window.history.pushState
weixin_30249203·2020-08-15 08:20

JS监听浏览器回退操作，包括手机浏览器

//监听浏览器返回$(document).ready(function(e){varcounter=0;if(window.history&&window.history.pushState){$(window
晨晨快跑·2020-08-14 16:52
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他