Location 对象
Location 对象
Location对象代表当前窗口中加载的文档的URL。该对象会自动创建并应用于window对象,主要用于获取URL的信息。
属性
href
**类型:**字符串
**描述:**返回完整URL,包括协议、主机名、路径和查询字符串。
console.log(location.href); // https://www.baidu.com/s?wd=hello&oq=hell&aqs=chrome.0.69i59j69i60j0l4j69i60.2769j1j7&sourceid=chrome&ie=UTF-8
host
**类型:**字符串
**描述:**返回主机名及其端口号。
console.log(location.host); // www.baidu.com
hostname
**类型:**字符串
**描述:**返回主机名,不包括端口号。
console.log(location.hostname); // www.baidu.com
origin
**类型:**字符串
**描述:**返回文档的协议、主机名及其端口号。
console.log(location.origin); // https://www.baidu.com
pathname
**类型:**字符串
**描述:**返回URL中的路径部分。
console.log(location.pathname); // /s
port
**类型:**字符串
**描述:**返回URL中的端口号。
console.log(location.port); //
protocol
**类型:**字符串
**描述:**返回URL中的协议部分。
console.log(location.protocol); // https:
search
**类型:**字符串
**描述:**返回URL的查询部分,即问号后面的内容。
console.log(location.search); // ?wd=hello&oq=hell&aqs=chrome.0.69i59j69i60j0l4j69i60.2769j1j7&sourceid=chrome&ie=UTF-8
方法
assign(url)
**描述:**将当前窗口的内容加载到指定的URL。
location.assign('https://www.baidu.com'); // 跳转到百度首页
reload()
**描述:**重新加载当前网页。
location.reload(); // 重新加载当前网页
replace(url)
**描述:**替换当前窗口的内容为指定的URL。
location.replace('https://www.google.com'); // 跳转到谷歌首页,并且无法返回上一页
总结
Location对象包含了当前窗口中加载文档的URL信息,可以根据需要获取或修改URL的不同部分。同时,Location对象也提供了多种方法,可以方便地操作当前窗口的URL。我们可以通过使用Location对象,轻松实现页面跳转、重新加载以及URL替换等功能。