Location对象
Location对象表示窗口中当前显示文档的URL信息,提供了一些与URL相关的属性和方法。
Location对象
- location.href属性:表示当前文档的完整URL。
- location.host属性:表示当前文档的主机名和端口号。
- location.pathname属性:表示当前文档的路径部分。
- location.search属性:表示当前文档的查询字符串部分。
- location.hash属性:表示当前文档的锚点部分。
- location.reload()方法:重新加载当前文档。
使用例子
例子
以下是一些使用Location对象的例子:
- 获取当前页面的URL:
js
var currentUrl = window.location.href;- 获取当前页面的协议:
js
var protocol = window.location.protocol;- 获取当前页面的主机名:
js
var hostname = window.location.hostname;- 获取当前页面的端口号:
js
var port = window.location.port;- 获取当前页面的路径:
js
var path = window.location.pathname;- 获取当前页面的查询参数:
js
var search = window.location.search;- 获取当前页面的哈希值:
js
var hash = window.location.hash;- 修改当前页面的URL:
js
window.location.href = 'http://example.com';- 在当前页面的URL后面添加查询参数:
js
window.location.search += '&newParam=newValue';- 重新加载当前页面:
js
window.location.reload();这些例子展示了Location对象的一些常见用法,可以帮助我们获取和修改页面的URL信息,以及重新加载页面。在实际开发中,我们可以根据具体的需求来选择Location对象的API。
竹影篱の文档