【前端_js】js獲取url中的參數

js獲取url路徑中的參數

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

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>