JavaScript 获取地址栏 URL 相关信息汇总 作者: Chuwen 时间: 2018-11-15 分类: JavaScript 评论 # 下面以这个 URL 为例： > ### `https://nowtime.cc/index.php?user=admin&passwd=admin` ## 1. `window.location.href` 获取整个 URL 为字符串 ``` $href = window.location.href; console.log($href);//控制台 输出 https://nowtime.cc/index.php?user=admin&passwd=admin alert($href);//返回 https://nowtime.cc/index.php?user=admin&passwd=admin ``` ## 2. `window.location.protocol` 获取 URL 的协议部分 ``` $protocol = window.location.protocol; console.log($protocol );//控制台 输出 https: alert($protocol );//返回 https: ```` ## 3. `window.location.host` 获取 URL 的主机名部分 ``` $host = window.location.host; console.log($host);//控制台 输出 nowtime.cc alert($host);//返回 nowtime.cc ``` ## 4. `window.location.port` 取与 URL 关联的端口号码 ``` $port = window.location.port; console.log($port); alert($port); //返回：空字符(如果采用默认的80端口、添加了 :80)，那么返回值并不是默认的80而是空字符) ``` ## 5. `window.location.pathname` 获取与 URL 的路径部分 ``` $pathname = window.location.pathname; console.log($pathname);//控制台 输出 index.php alert($pathname);//返回 index.php ``` ## 6. `window.location.search` 获取 href 属性中跟在问号后面的部分 ``` $search = window.location.search; console.log($search);//控制台 输出 ?user=admin&passwd=admin alert($search);//返回 ?user=admin&passwd=admin ``` ## 7. `window.location.hash` 获取 href 属性中在井号“#”后面的部分 ``` $hash = window.location.hash; console.log($hash); alert($hash); //返回：空字符串，因为 URL 中没有 ```