美文网首页
取出url中的参数

取出url中的参数

作者: mills_han | 来源:发表于2018-01-08 11:59 被阅读0次

    经常会用到取出url中参数这个方法,所以把它封装一下,方便调用

    /**
    *@param  传入的是要取出参数的KEY值 String类型 
        例: 'www.baidu.com/s?params=参数'       
        将‘?’号后的params传入,可以获得等号后的值
    *@return   返回一个String字符串
    */
    
    function GetQueryString(name){
        var rReg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");    //构造一个正则表达式对象
        var oaUrl = window.location.search.substr(1).match(rReg);  //匹配参数对象
        if( oaUrl !=null ){                  //返回参数 
            return  decodeURI(oaUrl[2])
        }
        return null;                      //没有查到返回null
    }
    

    使用方法:

    若地址栏URL为:abc.html?id=123&url=http://www.maidq.com
    调用函数

    var param =  GetQueryString('id');
    console.log(param);//123
    

    也可以将这个方法封装成jQuery 方法

    <script src="./jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    //工具方法
    ;(function($) {
       $.getUrlParam = function (name) {
           var rReg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");  
           var oaUrl = window.location.search.substr(1).match(reg); 
           if( oaUrl !=null ){ 
               return  decodeURI(r[2])
            }
            return null;
       }
      })(window.jQuery);
    </script>
    

    使用方法

        var param = $.getUrlParam ('id')
        console.log(param); //123
    

    相关文章

      网友评论

          本文标题:取出url中的参数

          本文链接:https://www.haomeiwen.com/subject/bnavnxtx.html