取出url中的参数

经常会用到取出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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容