Skip to content
On this page

Location对象

Location对象表示窗口中当前显示文档的URL信息,提供了一些与URL相关的属性和方法。

Location对象

  • location.href属性:表示当前文档的完整URL。
  • location.host属性:表示当前文档的主机名和端口号。
  • location.pathname属性:表示当前文档的路径部分。
  • location.search属性:表示当前文档的查询字符串部分。
  • location.hash属性:表示当前文档的锚点部分。
  • location.reload()方法:重新加载当前文档。

使用例子

例子

以下是一些使用Location对象的例子:

  1. 获取当前页面的URL:
js
var currentUrl = window.location.href;
  1. 获取当前页面的协议:
js
var protocol = window.location.protocol;
  1. 获取当前页面的主机名:
js
var hostname = window.location.hostname;
  1. 获取当前页面的端口号:
js
var port = window.location.port;
  1. 获取当前页面的路径:
js
var path = window.location.pathname;
  1. 获取当前页面的查询参数:
js
var search = window.location.search;
  1. 获取当前页面的哈希值:
js
var hash = window.location.hash;
  1. 修改当前页面的URL:
js
window.location.href = 'http://example.com';
  1. 在当前页面的URL后面添加查询参数:
js
window.location.search += '&newParam=newValue';
  1. 重新加载当前页面:
js
window.location.reload();

这些例子展示了Location对象的一些常见用法,可以帮助我们获取和修改页面的URL信息,以及重新加载页面。在实际开发中,我们可以根据具体的需求来选择Location对象的API。