Javascript取得URL传递的参数

!本文可能 超过1年没有更新,今后内容也许不会被维护或者支持,部分内容可能具有时效性,涉及技术细节或者软件使用方面,本人不保证相应的兼容和可操作性。

如何使用Javascript取得URL传递的参数,也就是login.html?name=wangye在login.html取得name等于的值。对于动态网页这点很容易办到,比如ASP就可以通过Request.QueryString(“name”)的方法,但是对于Javascript则有点小麻烦。我一般参考布鲁斯狼(cnBruce)《在HTML网页中巧用URL》 讲解的办法。近日在一次分析联想网页上的某个效果时发现其中也实现了这个功能,不过其是使用正则实现的,感觉比较简洁,故分享给大家。

1
2
3
4
5
6
7
8
9
10
11
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];
    }
}

使用方法比如要获取login.html?name=wangye传递的wangye,只要在login.html这样调用document.write(gup(“name”));这样页面就会显示name=后面的值。

若无特别说明,本网站文章均为原创,原则上这些文章不允许转载,但是如果阁下是出于研究学习目的可以转载到阁下的个人博客或者主页,转载遵循创作共同性“署名-非商业性使用-相同方式共享”原则,请转载时注明作者出处谢绝商业性、非署名、采集站、垃圾站或者纯粹为了流量的转载。谢谢合作!
请稍后...

发表评论

电子邮件地址不会被公开。 必填项已用*标注