location (地址): 是浏览器 window 上的一个对象,不仅能处理当前页面的网络地址,还可以实现页面间的跳转
页面的跳转:
为什么使用它?
使我们也可以通过脚本语言,也能实现 a 链接,同样的效果,location对象 为我们提供了三种方法
location.href="网址"; // 我们熟知且常用的一个方法 , window 可以省略不写
loction.assign("网址");
location.replace("网址");
这三种方式都可以实现页面的跳转,但还是有一些细微的区别
本质上:href 是属性,而 assign() 和 replace() 都是方法
功能上:href 及 assign() 即使跳到新页面,也可以返回到上一页,而 replace() 方法则不可以
地址的解析:
为什么要使用它?
location 上面提供了对网络地址极其详细的解析,我们可以在这个对象上拿到我们网址的任何信息
怎么使用?
案例:http://127.0.0.1:5500/7.20/02.html?number=10#123 拿这个网址来说道说道 location 的强大之处
location.hash:返回一个 url 锚的部分
console.log(location.hash) // #123 提取 #及后面的内容
location.search:get 方式传递的参数
console.log(location.search) // ?number=10 提取的内容 ? 及后面的内容,到 # 截止
location.hostname:域名
console.log(location.hostname) // 127.0.0.1
location.pathname:路径
console.log(location.pathname) // /7.20/02.html 该文件所在的目录
location.port:端口
console.log(location.port) // 5500
location.protocol:http协议 (http协议有两种:一种 http 另一种是 https )
console.log(location.protocol) // http:
怎么样:通过上面的案例,我们是不是就能看到 location 的神奇之处了,将我们的网络地址解析的非常透彻了,但是返回的数据类型是一个字符串
所以,我们要想得到真正的数据,还是要经过数据处理的过程
刷新页面
history 历史记录的对象,也是 window 上面的一个属性
history.go(0) // 0 代表刷新页面 -1 代表返回上一页 1 代表返回下一页