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

发布时间:2019-07-22编辑:脚本学堂
有关jquery取得当前页面参数值的方法,jquery获取url的函数用法,设置或获取对象指定的文件名或路径,设置或获取整个 URL 为字符串等,需要的朋友参考下。

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.jb200.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