从javascript角度来分析一个完整url的各个部分
  • 分享到微信朋友圈
    X

什么是location

location 是一个包含当前页面的URL信息的对象。它允许你获取和操作当前页面的URL，比如获取当前页面的URL, location可以获取URL中的特定部分（比如URL的锚部分、主机名和端口、完整的URL、查询参数等）

Location 能做什么

通过使用location 对象，你可以方便地获取和操作当前页面的URL信息，从而实现页面导航、URL参数传递、页面刷新等功能。

var myURL = 'http://www.jqfree.com:8080/demo/search.html?id=255&m=hello#top';
   
console.log(location.href);  // = 'http://www.jqfree.com:8080/demo/search.html?id=255&m=hello#top'
console.log(location.hash);     // = '#top'
console.log(location.host);  // = 'www.jqfree.com:8080'
console.log(location.hostname);    // = 'www.jqfree.com'
console.log(location.search);   // = '?id=255&m=hello'
console.log(location.pathname);     // = '/demo/search.html' 
console.log(location.port);     // = '8080'
console.log(location.protocol); // = 'http'

Location 对象属性和方法

  • location.hash 返回一个URL的锚部分

  • location.host 返回一个URL的主机名和端口

  • location.hostname 返回URL的主机名

  • location.href 返回完整的URL

  • location.pathname 返回的URL路径名。

  • location.port 返回一个URL服务器使用的端口号

  • location.protocol 返回一个URL协议

  • location.search 返回一个URL的查询部分

  • location.assign() 载入一个新的页面

  • location.reload() 重新加载当前页面。

  • location.replace() 加载一个新的URL并替换当前的URL。