| 实现js更改url参数，但不刷新或重载页面 | 您所在的位置：网站首页 › 去掉url中的参数 › 实现js更改url参数，但不刷新或重载页面 |
|
实现js更改url参数，但不刷新或重载页面
使用location.href会直接刷新页面，可以使用 window.history.replaceState来实现更改url参数，但不刷新或重载页面 function updateUrl( key, value){ var newurl = updateQueryStringParameter(key, value) //向当前url添加参数，没有历史记录 window.history.replaceState({ path: newurl }, '', newurl); } function updateQueryStringParameter(key, value) { var uri = window.location.href if(!value) { return uri; } var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i"); var separator = uri.indexOf('?') !== -1 ? "&" : "?"; if (uri.match(re)) { return uri.replace(re, '$1' + key + "=" + value + '$2'); } else { return uri + separator + key + "=" + value; } }调用：将url参数number的值修改为1 updateUrl("number","1")参考：https://blog.csdn.net/wang704987562/article/details/84631740 |
| CopyRight 2018-2019 实验室设备网 版权所有 |