js中获取当前url路径

作者: web 发布时间: 2019-08-15 浏览: 1907 次 编辑

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