window.location方法获取URL
统一资源定位符 (Uniform Resource Locator, URL)
完整的URL由这几个部分构成：
scheme://host:port/path?query#fragment
scheme:通信协议
常用的http,ftp,maito等
host:主机
服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。
port:端口号
整数，可选，省略时使用方案的默认端口，如http的默认端口为80。
location对象存储当前页面与位置（URL）相关的信息，表示当前显示文档的Web地址。使用window对象的location属性可以访问。
location对象定义了8个属性，其中7个属性分别指向当前URL的各部分信息，另一个属性（href）博阿寒了完整的URL信息，详细说明如下表：
| 属性 | 表格 |
|---|---|
| href | 声明了当前显示文档的完整URL，与其他location属性只声明部分URL不同，把该属性设置为新的URL会使浏览器读取并显示新的URL的内容 |
| protocol | 声明了URL的协议部分，包括后缀的冒号。例如：http: |
| host | 声明了当前URL中的主机名和端口部分。例如：www.baidu.com:80 |
| hostname | 声明了当前URL中的主机名。例如：www.baidu.com |
| port | 声明了当前URL中的端口部分。例如：80 |
| pathname | 声明了当前URL中的路径部分。例如：news/index.jsp |
| search | 声明了当前URL的查询部分，包括前导问号。例如：?id=123&password=xxxx |
| hash | 声明了当前URL中锚的部分，包括前导符（#）。例如：#top,指定在文档中锚点的名称 |
以下是JS中常见的location属性和方法：
console.log(location.href); // 输出当前页面的URL
location.href = "https://www.example.com"; // 跳转到指定URL
2.location.protocol：获取当前页面的协议。
console.log(location.protocol); // 输出当前页面的协议，例如：http:
3.location.host：获取当前页面的主机名和端口号。
console.log(location.host); // 输出当前页面的主机名和端口号，例如：www.example.com:8080
4.location.hostname：获取当前页面的主机名。
以下是JS中常见的location属性和方法：
location.href：获取或设置当前页面的URL。
console.log(location.href); // 输出当前页面的URL
location.href = "https://www.example.com"; // 跳转到指定URL
location.protocol：获取当前页面的协议。
console.log(location.protocol); // 输出当前页面的协议，例如：http:
location.host：获取当前页面的主机名和端口号。
console.log(location.host); // 输出当前页面的主机名和端口号，例如：www.example.com:8080
location.hostname：获取当前页面的主机名。
console.log(location.hostname); // 输出当前页面的主机名，例如：www.example.com
🍋最后🍋
总结不易，希望小宝们不要嫌弃哦！😀