Jqurey 得到url指定的参数 getUrlParam

xiaoxiao2021-02-27  277

一、 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

转载请注明原文地址: https://www.6miu.com/read-3947.html

最新回复(0)