js获取url路径中的参数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
$(function(){
// 返回 web 主机的域名，如：http://127.0.0.1:8080/testdemo/test.html?id=1&name=test
var url = window.location.href;
// 返回当前页面的路径和文件名，如：/testdemo/test.html
var pathname = window.location.pathname;
// 返回 web 主机的端口，如：8080
var port = window.location.port;
// 返回所使用的 web 协议，如：http:
var protocol = window.location.protocol;
// 获取参数，如：?id=1&name=test
var search = window.location.search;
// 获取指定参数值
var id = getUrlParam('id'); // 1
var name = getUrlParam('name'); // test
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function getURLParameter(url, paramName) {  
    var urlParams = url.split("?")[1];//或者url.search获取参数字符串  
    var paramArray = urlParams.split("&");  
    var len = paramArray.length;  
    var paramObj = {};//json对象  
    var arr = [];//数组对象  
    for (var i = 0; i < len; i++) {  
        arr = paramArray[i].split("=");  
        paramObj[arr[0]] = arr[1];  
    }  
    for (key in paramObj) {  
        if (key == paramName) {  
            return paramObj[paramName];  
            break;  
        }  
    }  
  
}  
  
</script>