js中获取当前url路径

2019-08-14 10:14:08来源：博客园阅读 ()

可以使用 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>