您现在的位置是:首页 > 网站制作 > CSS3|Html5CSS3|Html5

js获取url参数

刘锁2018-12-02【CSS3|Html5】人已围观

简介以前做的一个项目,通过js跳转到新页面,新页面利用js获取url中参数,用来判断用户进入是否正确,下面我就提供一下js获取参数方法(非原创,但是也记不得摘自哪里了)

方法一:正则分析法

<script type="text/javascript">
    function getQueryString(name) {
        var reg =new RegExp("(^|&)"+ name +"=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r !=null) return unescape(r[2]); returnnull;
    }
</script>

调用方法如下:alert(getQueryString("参数名称"));

方法二:

<script type="text/javascript">
    function GetRequest() {
        var url = location.search; //获取url中"?"符后的字串
        var theRequest = new Object();
        ​​​​if(url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for(var i = 0; i < strs.length; i ++) {
                theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }
</script>

调用方法如下:

<script type="text/javascript">
    var Request =new Object();
    Request = GetRequest();
    参数1 = Request['参数1'];
    参数2 = Request['参数2'];
    参数3 = Request['参数3'];
    参数N = Request['参数N'];
</script>

Tags:js   url参数

很赞哦! ()

文章评论

站点信息