欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js中获取当前url路径

程序员文章站 2022-06-17 09:28:31
可以使用 window.location 获取当前页面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>