window.location

本文详细介绍了JavaScript中window.location对象的属性和方法,包括如何获取和设置URL、协议、主机名等信息,以及如何使用assign、reload和replace方法来实现页面跳转、刷新等功能。

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

属性:

window.location  获取路径信息

 

window.location.href  设置或获取完整路径

 

window.location.protocol  设置或获取协议

 

window.location.host  设置或获取域名

 

window.location.prot  设置或获取端口号

获取到的端口号为空,说明使用的是默认的8080端口

 

window.location.hostname  设置或获取域名+端口号

 

window.location.pathname  获取文件路径,获取参数

 

 

方法:

assign()  加载新文档

reload()  重新加载当前文档

replace()  新文档替换当前文档

assign(url)和replace(url)的区别:

assign()类似链接,跳转到新页面后,可以通过浏览器后退按钮返回到上一个网页

replace()相当于替换,无法后退

reload()和replace()的区别

reload() 刷新当前页面,如果有 POST 数据提交,则会重新提交数据;location.reload() 则将新的页面以替换当前页面,它是从服务器端重新获取新的页面,不会读取客户端缓存且新的 URL 将覆盖 History 对象中的当前纪录(不可通过后退按钮返回原先的页面)。

如果想要刷新当前的页面,又避免 POST 数据提交,可以使用:

window.location.replace( location.href );

转载于:https://www.cnblogs.com/wangqiao170/p/8920703.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值