您可以使用jQuery来获取当前页面的URL,并替换其中的参数。以下是一个示例代码,说明如何实现这个功能:
<!DOCTYPE html>
<html>
<head>
<title>替换URL参数</title>
<script src="https://code.jquery.com/jquery3.6.0.min.js"></script>
</head>
<body>
<button id="replaceParam">替换或增加参数</button>
<script>
$(document).ready(function () {
$("#replaceParam").click(function () {
// 获取当前页面的URL
var currentUrl = window.location.href;
// 要替换或添加的参数和值
var paramName = "exampleParam";
var paramValue = "newValue";
// 使用正则表达式替换或添加参数
var updatedUrl = currentUrl.replace(new RegExp('(' paramName '=).?(&|$)'), paramName '=' paramValue '$2');
// 如果URL中没有该参数,则添加参数
if (currentUrl === updatedUrl) {
updatedUrl = (updatedUrl.indexOf('?') === 1 ? '?' : '&') paramName '=' paramValue;
}
// 更新浏览器的URL
window.history.replaceState({}, '', updatedUrl);
// 输出更新后的URL
console.log(updatedUrl);
});
});
</script>
</body>
</html>
此代码将在页面加载后添加一个按钮,当点击按钮时,将替换或添加名为exampleParam
的参数。根据当前URL的情况,它会执行相应的操作并更新浏览器的URL。