history.pushState() 方法向当前浏览器会话的历史堆栈中添加一个状态（state）。

语法

history.pushState(state, title[, url])

参数

state
状态对象是一个 JavaScript 对象，它与pushState()创建的新历史记录条目相关联。每当用户导航到新状态时，都会触发popstate事件，并且该事件的状态属性包含历史记录条目的状态对象的副本。状态对象可以是任何可以序列化的对象。因为 Firefox 将状态对象保存到用户的磁盘上，以便用户重新启动浏览器后可以将其还原，所以我们对状态对象的序列化表示施加了 2MiB 的大小限制。如果将序列化表示形式大于此状态的状态对象传递给pushState()，则该方法将引发异常。如果您需要更多空间，建议您使用 sessionStorage或者localStorage。

title
当前大多数浏览器都忽略此参数，尽管将来可能会使用它。在此处传递空字符串应该可以防止将来对方法的更改。或者，您可以为要移动的状态传递简短的标题。

url 可选
新历史记录条目的 URL 由此参数指定。请注意，浏览器不会在调用 pushState() 之后尝试加载此 URL，但可能会稍后尝试加载 URL，例如在用户重新启动浏览器之后。新的 URL 不必是绝对的。如果是相对的，则相对于当前 URL 进行解析。新网址必须与当前网址相同 origin；否则，pushState()将引发异常。如果未指定此参数，则将其设置为文档的当前 URL。

 window.history.pushState("", "", "../powerprojects") //可以定位修改到当前页面的上一层路由// 官方例子
const state = { 'page_id': 1, 'user_id': 5 }
const title = ''
const url = 'hello-world.html'history.pushState(state, title, url)

不刷新页面,更改页面的url地址（ history.pushState）相关推荐

怎么用谷歌浏览器查看页面的URL地址
实际开发过程中,老是会遇到怎么查看当前页面的业务功能实现,那就得知道Controller层的RequestMapping(也就是URL地址) 方法:右击页面选择查看框架的源代码,打开后地址栏的URL地 ...
PHP $_SERVER['HTTP_REFERER'] 获取前一页面的 URL 地址
转载:www.5idev.com/p-php_serve- 使用 $_SERVER['HTTP_REFERER'] 将很容易得到链接到当前页面的前一页面的地址.一个例子如下: index.php(实际 ...
ASP.NET 获取上一个页面的Url链接
ASP.NET 获取上一个页面的Url链接Uri Url = HttpContext.Current.Request.UrlReferrer;
Python+selenium 自动化-获取当前页面的url地址，打开指定的url地址
非常简单,driver.current_url 就能获取当前页面的 url 地址. # 调用chrome浏览器 driver = webdriver.Chrome() # 打开指定的url地址 dri ...
JS - 获取当前页面的 url地址及相关信息
JS - 获取当前页面的 url地址及相关信息一. 获取当前页面的 url地址二. 获取当前网址url 后的指定参数一. 获取当前页面的 url地址 window.location 以htt ...
html页面跳转后url不变,使用pushState()改变url而不刷新
编者注:这个pushState()是一个HTML5的新接口,你可能在一些科技博客如36kr上看到过,ajax加载新的文章,并且改变网址却不需要刷新页面,本站也用到了这个,当你在首页往下拉时,加载分页内 ...
js打印去除页眉页脚url地址
js打印去除页眉页脚.url地址调用window.print()方法打印时,有自带的页眉页脚和url地址不太美观,用以下方法即可去除页眉页脚和url 解决方案: // 在css中加入以下代码即可 @ ...
vue2-获取上页的url地址
需求在vue2的项目中有一个需求需要获取上一页路由的url的地址,在网上找了一会也没有找到合适的答案,最后还是在官方文档中找到了答案,因此将此方法记录下来,希望能给有需要的人提供一点帮助. 思路思 ...
vue中获取后一页面，前一页面的url
业务需求,从指定页面进入当前页,保留之前的输入内容 beforeRouteEnter()钩子函数,具体用法可参考vue官方文档 :注钩子函数内访问不到vue的this beforeRouteEnte ...

不刷新页面,更改页面的url地址（ history.pushState）

语法

参数

不刷新页面,更改页面的url地址（ history.pushState）相关推荐

最新文章

热门文章