JS学习笔记---16 BOM-5、location 对象

5、location 对象

5.1、什么是 location 对象

window 对象给我们提供了一个 location 属性 用于获取或设置窗体的URL，并且可以用于解析 URL。因为这个属性返回的是一个对象，所以我们将这个属性也称为 location 对象。

5.2、URL

统一资源定位符URL 是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的 URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。

URL 的一般语法格式为：

protocol://host[:port]/path/[?query]#fragment

http://www.itcast.cn/index.html?name=andy&age=18#link

组成	说明
protocol	通信协议 常用的http，ftp，maito等
host	主机（域名）www.itheima.com
port	端口号 可选，省略时使用方案的默认端口，如 http的默认端口为 80
path	路径 由 零或多个’/‘符号隔开的字符串，一般用来表示主机上的一个目录或文件地址
query	参数 以键值对的形式，通过 & 符号分割开来
fragment	片段 # 后面内容 常见于链接 锚点

5.3、location 对象的属性

location对象属性	返回值
location.href	获取或者设置 整个 URL
location.host	返回主机（域名）www.itheima.com
location.port	返回端口号 如果未写 返回空字符串
location.pathname	返回路径
location.search	返回参数
location.hash	返回片段 #后面内容 常见于链接 锚点

重点记住：href 和 search

5.3.1、案例：5秒之后自动跳转页面

5.3.2、案例：获取 URL 参数数据

主要练习数据在不同页面中的传递。

5.4、location 对象的方法

location 对象方法	返回值
location.assign()	跟 href 一样，可以跳转页面（也称为重定向页面）
location.replace()	替换当前页面，因为不记录历史，所以不能后退
location.reload()	重新加载页面，相当于刷新按钮 或者 f5，如果参数为 true 则为强制刷新 ctrl+ f5