js怎样不刷新页面改变浏览器url

 时间:2024-10-12 02:40:21

1、复制代码代码示例:var stateObject = {};var title = "Wow Title";var n髫潋啜缅ewUrl = "/my/awesome/url";history.pushState(stateObject,title,newUrl);History 对象 pushState() 这个方法有3个参数,你可以从上面的例子看到。

js怎样不刷新页面改变浏览器url

3、例子,将在每个独立的URL中存储一些任意数据。

js怎样不刷新页面改变浏览器url

5、现在运行,点击浏览器的返回按钮,查看URL是怎么改变的。对于每次URL的改变,是因为它存储了历史状态“id”以及对应的值。但是,怎么重新获得历史状态,并且在此基础上做些事情呢?需要对“popstate”添加事件监听器,这将会在每次历史对象的状态改变的时候触发。

js怎样不刷新页面改变浏览器url

7、window.addEventListener('popstate', function(event) { readState(event.state);});function readState(data){ alert(data.id);}

js怎样不刷新页面改变浏览器url

9、以上就是小编带给大家的js怎样不刷新页面改变浏览器url的关键所在,希望大家可以喜欢,如果喜欢的话可以点赞哦,也可以发表自己的看法

  • 炉石传说如何快速冲上传说 什么卡组好
  • 三国杀技巧心得:忠臣选将有技巧 刘备搭配
  • 自走棋怎么下载
  • 疯狂联盟10本升级面面观
  • PS制作教程--星空猫
  • 热门搜索
    中国红色旅游 苏州旅游节 祖山旅游攻略 西安到华山旅游攻略 潍坊旅游攻略 天津周边旅游景点 台湾自由行旅游攻略 同城旅游网站官网 中国旅游年 王莽岭旅游攻略