js中獲取當前url路徑

可以使用 window.location 獲取當前頁面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 getUrlParam(name) {
        // 取得url中?後面的字元
        var query = window.location.search.substring(1);
        // 把參數按&拆分成數組
        var param_arr = query.split("&");
        for (var i = 0; i < param_arr.length; i++) {
            var pair = param_arr[i].split("=");
            if (pair[0] == name) {
                return pair[1];
            }
        }
        return (false);
    }
 
</script>