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

时间:2011-11-09 02:07:58

标签: javascript jquery html css url-rewriting

如果当前页面URL在查询字符串中有一个参数'myid1',对于我的网页中每个带有'rewrite'类的链接,我希望链接href的查询字符串被当前页面URL的查询字符串替换。

我正在使用以下代码:

<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的查询字符串被添加到链接而不删除现有链接。如何解决?

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

1 个答案:

答案 0 :(得分:0)

您可以使用以下方法删除一个有缺陷的查询字符串:

$(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)测试了nullundefined"",因此您只需使用一次测试。
  2. 无需使用jQuery对象来访问href属性。只需使用this.href即可更快,更直接。
  3. 如果您喜欢较少的代码行(虽然速度不是很快),您可以这样做:

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