javascript/jquery获取地址栏url参数的方法

2022-12-15 11:30:59 浏览数 (1)

1、jquery获取url

代码语言:javascript复制
window.location.href;

2.通过javascript是如何获取url中的某个参数

代码语言: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]); return null; //返回参数值
}

通过这个函数传递url中的参数名就可以获取到参数的值,比如url为

http://url/test.php?key=110

我们要获取cid的值,可以这样写:

代码语言:javascript复制
getUrlParam('key');

3.为jquery扩展了一个getUrlParam()方法

代码语言:javascript复制
(function($){
$.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;
}})(jQuery);

为jquery扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了

代码语言:javascript复制
$.getUrlParam('cid');

本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:

原文出处:Yiiven https://cloud.tencent.com/developer/article/2193071

0 人点赞