js修改地址栏但不刷新页面

最新推荐文章于 2024-01-11 15:55:18 发布

转载最新推荐文章于 2024-01-11 15:55:18 发布 · 658 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/songrimin/p/7245465.html

文章标签：

#c#

本文介绍了如何使用JavaScript的历史API来实现浏览器前进后退的功能，包括history.pushState方法的应用及popstate事件的监听处理。

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

var stateObject = {id: txt};
	var title = "标题 "+txt;
	var newUrl = txt;
	history.pushState(stateObject,title,newUrl);

for(i=0;i<5;i++){
  var stateObject = {id: i};
  var title = "Wow Title "+i;
  var newUrl = "/my/awesome/url/"+i;
  history.pushState(stateObject,title,newUrl);
  alert(i);
}

window.addEventListener('popstate', function(event) {
  readState(event.state);
});

function readState(data){
  alert(data.id);
}

转载于:https://www.cnblogs.com/songrimin/p/7245465.html