无刷新页面修改地址栏

Posted zhaogaojian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了无刷新页面修改地址栏相关的知识,希望对你有一定的参考价值。

//获取替换url参数后的url数据
function GetReplaceUrl(paramName, replaceWith) 
    var oUrl = this.location.href.toString();
    var re = eval(‘/(‘ + paramName + ‘=)([^&]*)/gi‘);
    var nUrl = oUrl.replace(re, paramName + ‘=‘ + replaceWith);
    return nUrl;
;
//替换url不刷新
function ReplaceUrl(paramName, replaceWith) 
    window.history.replaceState(null, null, GetReplaceUrl(paramName, replaceWith));
;
ReplaceUrl("id", 3);
将url中id替换为3

以上是关于无刷新页面修改地址栏的主要内容,如果未能解决你的问题,请参考以下文章

Pjax无刷新跳转页面实现,支持超链接与表单提交

在页面上按F5刷新和在浏览器地址栏里按回车有啥区别?

js修改url不刷新页面

Ajax加载页面如何刷新地址栏URL的问题

vue实现不刷新整个页面刷新数据

html5 history.pushState+ajax 实现无刷新,浏览器地址栏title修改