JS获取地址栏的参数方法

646 阅读1分钟

地址 http://127.0.0.1:8080/admin/index.html?id=7&name=figo#prosper

Location{
    assign:ƒ (),// 加载新的文档。
    hash:"#prosper",// 设置或返回从井号 (#) 开始的 URL(锚)。
    host:"127.0.0.1:8080"// 设置或返回主机名和当前 URL 的端口号。
    hostname:"127.0.0.1"// 设置或返回当前 URL 的主机名。
    href:"http://127.0.0.1:8080/admin/index.html?id=7&name=figo#prosper", // 设置或返回完整的 URL。
    origin:"http://127.0.0.1:8082", // 返回当前 URL 的协议和主机名和当前 URL 的端口号。
    pathname:/prosperleedir/index.html,// 设置或返回当前 URL 的路径部分。
    port:"8082", // 设置或返回当前 URL 的端口号。
    protocol:"http:"// 设置或返回当前 URL 的协议。
    reload:ƒ reload(), // 重新加载当前文档。
    replace:ƒ (),// 用新的文档替换当前文档。
    search:"?id=7&name=figo"// 设置或返回从问号 (?) 开始的 URL(查询部分)。
    toString:ƒ toString()// 返回完整的 URL。
}

输出完整的URL地址:

console.log(window.location.toString());

也可以接上一编 “jQuery获取地址栏url参数”进行对应的参数获取