History对象和Location对象

本文详细介绍了JavaScript中History与Location两个核心对象的功能与使用方法。History对象用于操作浏览器的历史记录,包括前进、后退及指定页面跳转等功能;Location对象则用于获取与设置当前页面的URL信息,如主机名、路径、查询参数等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

History 对象

History 对象包含用户(在浏览器窗口中)访问过的 URL。

History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。

所有浏览器都支持该对象。

History 对象属性

我们可以 console.log(history)来看一下输出结果:

可以看到history只有length一个属性,返回的是浏览器历史列表中的 URL 数量。

History 对象方法

back()——加载history列表中的前一个URL;

forward()——加载history列表中的下一个URL;

go()——加载history列表中的某个具体页面

Location对象

Location 对象包含有关当前 URL 的信息。

Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。

所有浏览器都支持该对象

Location 对象属性

属性描述
hash返回一个URL的锚部分
host返回一个URL的主机名和端口
hostname返回URL的主机名
href返回完整的URL
pathname返回的URL路径名。
port返回一个URL服务器使用的端口号
protocol返回一个URL协议
search返回一个URL的查询部分

 

Location 对象方法

方法说明
assign()载入一个新的文档
reload()重新载入当前文档
replace()用新的文档替换当前文档

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值