js解析url

最新推荐文章于 2025-07-13 19:34:48 发布

转载最新推荐文章于 2025-07-13 19:34:48 发布 · 4.8k 阅读

Javascript 专栏收录该内容

3 篇文章

订阅专栏

本文深入讲解了window.location对象的各种属性，包括hash、host、hostname、href、pathname、port、protocol和search，通过实例展示了如何使用这些属性来获取和操作URL的不同部分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window.location.hash——从井号 (#) 开始的 URL（锚）

window.location.host ——主机名和当前 URL 的端口号

window.location.hostname ——当前 URL 的主机名

window.location.href ——完整的 URL

window.location.pathname ——当前 URL 的路径部分

window.location.port ——当前 URL 的端口号

window.location.protocol ——当前 URL 的协议

window.location.search ——从问号 (?) 开始的 URL（查询部分）

例子：

function GetUrl() {
    var url = window.location.search;
    //判断是否有参数？
    if (url.indexOf("?") != -1) {
        //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
        var str = url.substr(1); 
        //用等号进行分隔 （只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔）
        strs = str.split("=");   
        console.log(strs[1]);//输出第一个参数
    }
}
GetUrl();