也想出现在这里?联系我们

jQuery获取url并替换url参数(有则替换,没有则增加)

2024.01.02 wordpress教程
  • 文章介绍
  • 升级版本
  • 评价&建议

您可以使用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。

有用0
  • 2024.01.02初次和大家见面了!

等待您对该主题的建议

发表评论

还能输入240个字

Hi, 欢迎加入Wordpress技术交流群,带你装逼带你飞!

我要入群
也想出现在这里?联系我们
wordpress加速

我来推荐一个更牛逼的给你看看?

  • 猛戳我吧