js静态改变地址栏

最新推荐文章于 2024-12-23 21:34:38 发布

原创最新推荐文章于 2024-12-23 21:34:38 发布 · 726 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

vue 同时被 2 个专栏收录

14 篇文章

订阅专栏

13 篇文章

订阅专栏

这段代码展示了如何使用JavaScript的history.pushState方法来改变当前页面的URL，而不进行页面重载。它创建了一个状态对象，保存了旧URL，并在URL末尾添加了一个值，然后将新的URL添加到浏览历史中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var stateObject= {}
var oldUrl = window.location.href
// 注释代码：以/为分隔符，去除最后一个值
// oldUrl = oldUrl.split('/')
// delete(oldUrl[oldUrl.length-1])
// oldUrl = oldUrl.join('/')
var title = ""
var newUrl = oldUrl + val
history.pushState(stateObject,title,newUrl)