JS location常用属性和方法.

(一).什么是location.

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对象概述

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,指定在文档中锚点的名称

(三).location常用属性和方法

以下是JS中常见的location属性和方法：

1. location.href：获取或设置当前页面的URL。

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

🍋最后🍋

总结不易，希望小宝们不要嫌弃哦！😀