JavaScript中的lacation对象

﹏ヽ暗。殇╰゛Y 2022-12-27 01:16 12阅读 0赞

# JavaScript的lacation对象 #

### URL ###

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

URL的一般格式为：

protocol://host[:port]/path/[?query]#fragment
    http://www.itcast.cn/index.html?name=andy&age=18#link

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

### location对象 ###

window对象提供了location属性用于获取或设置窗体的URL，并且可以用于解析URL。返回一个对象。

location对象的属性

<table> 
 <thead> 
  <tr> 
   <th>location对象的属性</th> 
   <th>返回值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>location.href</td> 
   <td>获取或者设置整个URL</td> 
  </tr> 
  <tr> 
   <td>location.host</td> 
   <td>返回主机（域名）</td> 
  </tr> 
  <tr> 
   <td>location.port</td> 
   <td>返回端口号 如果未写就返回空字符串</td> 
  </tr> 
  <tr> 
   <td>location.pathname</td> 
   <td>返回路径</td> 
  </tr> 
  <tr> 
   <td>location.search</td> 
   <td>返回参数</td> 
  </tr> 
  <tr> 
   <td>location.hash</td> 
   <td>返回片段 #后面内容</td> 
  </tr> 
 </tbody> 
</table>

location对象的方法

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