JS获取地址栏url参数的简单示例

前端之家收集整理的这篇文章主要介绍了JS获取地址栏url参数的简单示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
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');

猜你在找的JavaScript相关文章