Jqurey 得到url指定的参数 getUrlParam

最新推荐文章于 2024-07-04 16:42:06 发布

bellah521

最新推荐文章于 2024-07-04 16:42:06 发布

阅读量1.5k

点赞数

分类专栏：经验整理文章标签： get-Url参数 jquery js 函数扩展

经验同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

整理

3 篇文章 0 订阅

订阅专栏

一、 Jqurey 得到url参数 getUrlParam 这里有详细讲解

<script type="text/javascript">  
        (function ($) {  

            //扩展方法获取url参数  
            $.getUrlParam = function (name) {  
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");  
                var r = window.location.search.substr(1).match(reg);  
                if (r != null) return unescape(r[2]); return null;  
            }  
            //得到url参数  
            var urltype = $.getUrlParam('p');  
        })(jQuery);             
    </script>

二、附有：原生js获取URL 参数这里有详细讲解

<body onload="onLoad()">
    <p name="message">p=</p>
</body>

<script type="text/javascript">
function getUrlParam(name) {  
   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象  
   var r = window.location.search.substr(1).match(reg);  //匹配目标参数  
   if (r != null) {
       return unescape(r[2]);  //返回参数值 
   } else {
       return null; 
   }
}

function onLoad() {
    var p = getUrlParam("p");
    console.info("p=" + p);
    var t = document.getElementsByName("message")[0];
    t.innerHTML += p;
}
</script>

以上两中方法都访问链接：a.html?p=23

然后就会在进入这个页面的时候执行onLoad方法，然后获取到参数p的值。
并且显示在页面上。

因为没有用jQuery，所有这里使用了innerHTML来往页面上写内容。
注意HTML是大写。

三、 jquery 取url参数和在url加参数这里有详细讲解

(function ($) {
 $.extend({
 // URL取值
  Request: function (m) {
   var sValue = location.search.match(new RegExp("[\?\&]" + m + "=([^\&]*)(\&?)", "i"));
   return sValue ? sValue[1] : sValue;
  },
   URL加参数
  UrlUpdateParams: function (url, name, value) {
   var r = url;
   if (r != null && r != 'undefined' && r != "") {
    value = encodeURIComponent(value);
    var reg = new RegExp("(^|)" + name + "=([^&]*)(|$)");
    var tmp = name + "=" + value;
    if (url.match(reg) != null) {
     r = url.replace(eval(reg), tmp);
    }
    else {
     if (url.match("[\?]")) {
      r = url + "&" + tmp;
     } else {
      r = url + "?" + tmp;
     }
    }
   }
   return r;
  }

 });
})(jQuery);

使用方法

访问： dev.zhang.com/IOF.Signup/index_uscn_chs.html?act=1
1、取值使用
$.Request(“act”) = 1

2、url加参数
$.UrlUpdateParams(window.location.href, “mid”, 11111),
结果window.location.href?mid=11111

bellah521

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Jqurey 得到url指定的参数 getUrlParam

一、 Jqurey 得到url参数 getUrlParam 这里有详细讲解<script type="text/javascript"> (function ($) { //扩展方法获取url参数 $.getUrlParam = function (name) { var reg
复制链接

扫一扫

专栏目录