BOM中location对象的属性和方法

BOM中的location对象表示当前窗口的URL位置，并且可以用它来操作浏览器的历史记录。下面是location对象的属性和方法：

BOM中的location对象表示当前窗口的URL位置，并且可以用它来操作浏览器的历史记录。下面是location对象的属性和方法：

location属性

location.href

用于读取或设置当前窗口的URL。如下所示：

// 获取当前窗口的URL
const currentUrl = location.href;
console.log(currentUrl); // 输出 https://www.example.com

// 修改当前窗口的URL
location.href = "https://www.example.com/newUrl";

location.hash

用于读取或设置URL中的锚点部分。如下所示：

// 获取当前URL中的锚点
const anchor = location.hash; // 如果URL中不包含锚点，则返回空字符串

// 修改当前URL中的锚点
location.hash = "#section1";

location.protocol

用于读取或设置URL中的协议部分。如下所示：

// 获取当前URL中的协议
const protocol = location.protocol; // 返回 "https:"

// 修改当前URL中的协议
location.protocol = "http:";

location.hostname

用于读取或设置URL中的主机名。如下所示：

// 获取当前URL中的主机名
const hostname = location.hostname; // 返回 "www.example.com"

// 修改当前URL中的主机名
location.hostname = "example.com";

location.pathname

用于读取或设置URL中的路径部分。如下所示：

// 获取当前URL中的路径部分
const path = location.pathname; // 返回 "/path/to/page.html"

// 修改当前URL中的路径部分
location.pathname = "/newPath";

location.search

用于读取或设置URL中的查询字符串部分。如下所示：

// 获取当前URL中的查询字符串
const search = location.search; // 如果URL中不包含查询字符串，则返回空字符串

// 修改当前URL中的查询字符串
location.search = "?page=2";

location方法

location.assign()

用于加载新的文档，如下所示：

// 加载新的文档
location.assign("https://www.example.com/newPage");

location.reload()

用于重新加载当前文档，如下所示：

// 重新加载当前文档
location.reload();

以上就是location对象的属性和方法了，希望对你有所帮助。