本文详细介绍如何利用 JavaScript 的 window.location 对象获取当前页面 URL 的各项信息，包括完整地址、端口号、协议、查询参数及哈希值。通过具体代码示例，演示如何截取和解析 URL 中的变量值，帮助开发者快速掌握前端 URL 处理技巧。
JavaScript 获取当前页面 URL 各组成部分详解
1. 获取或设置完整的 URL 字符串
window.location.href
2. 获取或设置 URL 关联的端口号
window.location.port
3. 获取或设置 URL 的协议部分
window.location.protocol
4. 获取问号（?）之后的查询字符串部分
window.location.search
5. 获取特定变量的值（截取等号后的内容）
代码如下:
var url = window.location.search;
// alert(url.length);
// alert(url.lastIndexOf('='));
var loc = url.substring(url.lastIndexOf('=')+1, url.length);6. 获取或设置 URL 的协议部分
window.location.protocol
7. 获取哈希符号（#）后的片段标识符
window.location.hash
8. 获取主机名和端口号组合
window.location.host