JS获取地址栏url参数的解决办法

内容摘要

这篇文章主要为大家详细介绍了JS获取地址栏url参数的简单示例，具有一定的参考价值，可以用来参考一下。

对此感兴趣的朋友，看看idc笔记做的技术笔记。1、jquery获取url
window.

文章正文

这篇文章主要为大家详细介绍了JS获取地址栏url参数的简单示例，具有一定的参考价值，可以用来参考一下。

对此感兴趣的朋友，看看idc笔记做的技术笔记。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');

注：关于JS获取地址栏url参数的简单示例的内容就先介绍到这里，更多相关文章的可以留意

代码注释

上一篇 JavaScript 短路运算的解决办法下一篇 python中set的用法：删除的解决办法

作者：喵哥笔记

学的不仅是技术，更是梦想！