JS获取地址栏url参数的简单示例
内容摘要
这篇文章主要为大家详细介绍了JS获取地址栏url参数的简单示例,具有一定的参考价值,可以用来参考一下。
文章正文
这篇文章主要为大家详细介绍了JS获取地址栏url参数的简单示例,具有一定的参考价值,可以用来参考一下。
对此感兴趣的朋友,看看idc笔记做的技术笔记。1、jquery获取urlwindow.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参数的简单示例的内容就先介绍到这里,更多相关文章的可以留意
代码注释