location简介

122 阅读1分钟

是什么?

location 浏览器window的属性之一,提供了当前窗口中加载文档的信息,以及通常的导航功能。主要是对浏览器url地址相关数据的获取和定义。

用法

  • location.href: 返回当前页面的完整的URL地址;
  • location.search: 返回URL后面的参数(类似于"?name=lc&age=20");
  • location.protocol: 返回页面使用的协议(通常是"http:“或"https:”);
  • location.host: 返回页面的域名及端口号;
  • location.hostname: 返回页面的域名;
  • location.port: 返回页面的端口号;
  • location.pathname: 返回页面中的路径或文件名;
  • location.origin: 返回URL源地址;
  • location.hash: 返回URL 散列值(#后面的内容),如果没有则为空字符串
  • location.assign(url): 跳转到url,浏览器会记录历史(可以后退);
  • location.replace(url): 跳转到url,浏览器不会记录历史(不可以后退);
  • location.reload(boolean): 重新加载当前显示的页面,不传参数,页面会以最有效的方式重新加载。也就是说,如果页面自上次请求以来没有修改过,浏览器可能会从缓存中加载页面。如果想强制从服务器重新加载,可以给 reload()传个 true。

示例:

// 以https://www.baidu.com/s?wd=location&rsv_spt=1#11为例
location.href; //'https://www.baidu.com/s?wd=location&rsv_spt=1'
location.protocol; // 'https:'
location.host; // 'www.baidu.com'  如果有端口: 'www.baidu.com:port'
location.hostname; // 'www.baidu.com'
location.port; //''
location.pathname; // '/s'
location.search; // '?wd=location&rsv_spt=1'
location.origin; // 'https://www.baidu.com'
location.hash; // '#11'