您的位置：首页 > Web前端 > JQuery

jquery获取URL参数

2014-04-27 11:37 323 查看

本文转自：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：

(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);

运行结果：

file:///C:/Users/zhanglei/Desktop/1.html?picid=8

8

8

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航