使用javascript替换基于查询字符串的自定义链接id

Replacing custom IDs of links based on query-string using javascript

本文关键字：字符串 自定义 id 链接 查询 替换 javascript 于查询 使用      更新时间：2023-09-26

如果当前页面URL在querystring中有一个参数'myid1'，对于我网页中的每个链接，类'rewrite'，我希望链接href的querystring被当前页面URL的querystring所取代。

我使用下面的代码:

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>
<script type="text/javascript">
            $(function() {
                var requestid = new String(gup('myid1'));
                if (requestid!=null&&requestid!="") {
                $("a.rewrite").each(function() {
                    var href = $(this).attr("href");
                    href += "?myid1=" + requestid;
                    $(this).attr("href", href);
                 })
               }
            })
            //gup taken from here:http://www.netlobo.com/url_query_string_javascript.html
            function gup(name) {
                name = name.replace(/['[]/, "'''[").replace(/[']]/, "''']");
                var regexS = "[''?&]" + name + "=([^&#]*)";
                var regex = new RegExp(regexS);
                var results = regex.exec(window.location.href);
                if (results == null)
                    return "";
                else
                    return results[1];
            }
</script>
<a href="http://www.otherdomain.com?someid=1234" class="rewrite">Hyperlink</a>

问题是URS的querystring被添加到链接中，而没有删除现有的。如何解决这个问题?

另外，我如何允许一个名为'myid2'的参数。提前感谢您的帮助。

您可以使用以下命令删除先前的查询字符串:

$(function() {
    var requestid = gup('myid1');
    if (requestid) {
        $("a.rewrite").each(function() {
            var base = this.href;
            var pos = base.indexOf("?");
            if (pos != -1) {
                base = base.substr(0, pos);
            }
            this.href = base + "?myid1=" + requestid;
        })
    }
})

本修订版有几点需要注意:

  1. if (requestid)测试null, undefined和""，因此您可以只使用一个测试。
    2. 不需要使用jQuery对象来访问href属性。直接使用this.href更快更直接。

如果你喜欢更少的代码行(虽然不是那么快)，你可以这样做:

$(function() {
    var requestid = gup('myid1');
    if (requestid) {
        $("a.rewrite").each(function() {
            this.href = this.href.replace(/'?.*$/, "") + "?myid1=" + requestid;
        })
    }
})
相关文章：