JS中的location属性

location属性一般引用自Location对象,可以用于获取或者设置当前的URL。

window.location === document.location;  //true  均引用自Location对象;

URL的一般组成包括:

eg: protocol://[user[:password]@]hostname:[port][/path][?query][#fragment]

获取URL的方式包括:

location.href
location.toString()
location.toLocaleString()
document.URL

设置URL的方式:

location.href = " xxx";	//不加协议会默认为相对路径,location="xxx"类似

window.location对象的其他属性包括:

location.host  			//主机加端口号
location.hostname 		//主机
location.port			//端口号
location.protocol  		//协议
location.pathname 		//路径
location.hash			//片段标识符,可以用于保存网页状态
location.search			//返回链接内的查询字符串(包括问号,不包括片段标识符`#`部分)

这些URL属性均是可写的,该对象还有其他方法如locatioin.replace()、location.assign()、location.reload()等;
location.assign()会在浏览器的历史记录中增加一条新纪录;
location.replace()会使用新URL覆盖浏览器的当前历史记录;
location.reload()会重新加载当前页面,默认不传参如果存在缓存会从浏览器缓存中加载;如果传入Boolean类型的true,则会强制从服务器加载;

location.assign('http://www.baidu.com');
location.reload()	// 可能从浏览器缓存加载
location.reload(true)	// 强制从服务器端加载

每次修改location的属性(除hash外),页面都会以新URL重新加载;
虽然修改location.hash页面不会重新加载,但是会在浏览器中生成一条新的历史记录;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Neil-

你们的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值