jquery获取URL参数

最新推荐文章于 2024-07-29 03:38:42 发布

on. my. way.

最新推荐文章于 2024-07-29 03:38:42 发布

阅读量345

点赞数 1

分类专栏： jquery 文章标签： jquery

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文转自：http://blog.csdn.net/salc3k/article/details/7286296

代码示例：

1.html：

<!DOCTYPE html>
<html> 
<head> 
<title></title> 
<style type='text/css'>
</style>
</head> 
<body>
</body> 
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>
<script type='text/javascript' src='jqueryPlugin.js'></script>
<script type='text/javascript'> 
$(document).ready(function(){
	// 访问该页面时，在url末尾添加?picid=8
	console.log(window.location.href);
	console.log($.getUrlParam('picid'));
	console.log(getUrlParam('picid'));
});

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;
}
</script> 
</html>

jqueryPlugin.js：

<!DOCTYPE html>
<html> 
<head> 
<title></title> 
<style type='text/css'>
</style>
</head> 
<body>
</body> 
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>
<script type='text/javascript' src='jqueryPlugin.js'></script>
<script type='text/javascript'> 
$(document).ready(function(){
	// 访问该页面时，在url末尾添加?picid=8
	console.log(window.location.href);
	console.log($.getUrlParam('picid'));
	console.log(getUrlParam('picid'));
});

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;
}
</script> 
</html>

运行结果： file:///C:/Users/zhanglei/Desktop/1.html?picid=8
8

on. my. way.

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery获取URL参数

本文转自：http://blog.csdn.net/salc3k/article/details/7286296代码示例：1.html： $(document).ready(function(){ // 访问该页面时，在url末尾添加?picid=8 console.log(window.location.href); console.log($
复制链接

扫一扫

专栏目录