原文http://www.360doc.com/content/17/0907/09/47110082_685179184.shtml
jquery获取当前页面url参数值的方法
jquery获取url的函数的资料 1、设置或获取对象指定的文件名或路径。
http://localhost:8086/topic/index?topicId=361
alert(window.location.pathname); 则输出:/topic/index 2、设置或获取整个 URL 为字符串。
http://localhost:8086/topic/index?topicId=361
alert(window.location.href); 则输出:http://localhost:8086/topic/index?topicId=361 3、设置或获取与 URL 关联的端口号码。
http://localhost:8086/topic/index?topicId=361
alert(window.location.port); 则输出:8086 4、设置或获取 URL 的协议部分。
http://localhost:8086/topic/index?topicId=361
alert(window.location.protocol); 则输出:http: 5、设置或获取 href 属性中在井号“#”后面的分段。
http://localhost:8086/topic/index?topicId=361
alert(window.location.host); 则输出:http:localhost:8086 6、设置或获取 href 属性中跟在问号后面的部分。
http://localhost:8086/topic/index?topicId=361
alert(window.location.search); 则输出:?topicId=361 7、window.location 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 |