jquery获取当前页面url及url参数的方法

最新推荐文章于 2024-06-04 19:55:06 发布

championSuiyang

最新推荐文章于 2024-06-04 19:55:06 发布

阅读量1.9w

点赞数

分类专栏： jquery

jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

原文http://www.360doc.com/content/17/0907/09/47110082_685179184.shtml

jquery获取当前页面url参数值的方法

2017-09-07 Ihadmanyd... 转自我的前端图...

修改

微信分享：

jquery获取url的函数的资料

1、设置或获取对象指定的文件名或路径。
window.location.pathname
例：

http://localhost:8086/topic/index?topicId=361
alert(window.location.pathname); 则输出：/topic/index

2、设置或获取整个 URL 为字符串。
window.location.href
例：

http://localhost:8086/topic/index?topicId=361
alert(window.location.href); 则输出：http://localhost:8086/topic/index?topicId=361

3、设置或获取与 URL 关联的端口号码。
window.location.port
例：

http://localhost:8086/topic/index?topicId=361
alert(window.location.port); 则输出：8086

4、设置或获取 URL 的协议部分。
window.location.protocol
例：

http://localhost:8086/topic/index?topicId=361
alert(window.location.protocol); 则输出：http:

5、设置或获取 href 属性中在井号“#”后面的分段。
window.location.hash
设置或获取 location 或 URL 的 hostname 和 port 号码。
window.location.host
例：

http://localhost:8086/topic/index?topicId=361
alert(window.location.host); 则输出：http:localhost:8086

6、设置或获取 href 属性中跟在问号后面的部分。
window.location.search
例：

http://localhost:8086/topic/index?topicId=361
alert(window.location.search); 则输出：?topicId=361

7、window.location
属性描述
hash 设置或获取 href 属性中在井号“#”后面的分段。
host设置或获取 location 或 URL 的 hostname 和 port 号码。
hostname 设置或获取 location 或 URL 的主机名称部分。
href 设置或获取整个 URL 为字符串。
pathname 设置或获取对象指定的文件名或路径。
port 设置或获取与 URL 关联的端口号码。
protocol 设置或获取 URL 的协议部分。
search设置或获取 href 属性中跟在问号后面的部分。

jquery获取url参数的例子

1、html：

复制代码代码示例:

<!DOCTYPE html>
<html>
<head>
<title>jquery获取url参数-www.jbxue.com</title>
<style type='text/css'>
</style>
</head>
<body>
</body>
<script type='text/ javascript' src='./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>

2、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

championSuiyang

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
jquery获取当前页面url及url参数的方法

原文http://www.360doc.com/content/17/0907/09/47110082_685179184.shtmljquery获取当前页面url参数值的方法2017-09-07 Ihadmanyd... 转自我的前端图...修改微信分享：jquery获取url的函数的资料1、设置或获取
复制链接

扫一扫

专栏目录