前端设计

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

2019-03-11

1、jquery获取url

window.location.href;


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

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的值,可以这样写:


getUrlParam('key');


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

(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扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了


$.getUrlParam('cid');