location

location对象

• 可以通过Document.location和Window.location访问

• 属性

  //当前URL https://developer.mozilla.org/en-US/search?q=URL#search-container
  //-----href  整个URL
  console.log(location.href);      // https://developer.mozilla.org/en-US/search?q=URL#search-container
  
  //-----protocol   URL对应协议
  console.log(location.protocol);  // https:
  
  //-----host  域名，如果端口不是:80，该串最后带有一个":"并跟上URL的端口号
  console.log(location.host);      // developer.mozilla.org
  
  //-----hostname  域名，不包含端口
  console.log(location.hostname);  // developer.mozilla.org
  
  //-----port  端口号，端口是:80，则为空字符串
  console.log(location.port);      // ''
  
  //-----pathname  URL中路径部分，开头有一个 /
  console.log(location.pathname);  // /en-US/search
  
  //-----search  URL参数,开头有一个“?”
  console.log(location.search);    // ?q=URL
  
  //-----hash  块标识符,开头有一个“#”
  console.log(location.hash);      // #search-container
  
  //-----origin  页面来源的域名的标准形式
  console.log(location.origin);    // https://developer.mozilla.org

• 方法

  • Location.assign()

  加载给定URL的内容资源到这个Location对象所关联的对象上。

  • Location.reload()

  重新加载来自当前 URL的资源。他有一个特殊的可选参数，类型为Boolean，该参数为true时会导致该方法引发的刷新一定会从服务器上加载数据。如果是 false或没有制定这个参数，浏览器可能从缓存当中加载页面。

  • Location.replace()

  用给定的URL替换掉当前的资源。与 assign() 方法不同的是用 replace()替换的新页面不会被保存在会话的历史 History中，这意味着用户将不能用后退按钮转到该页面。

  ​