JavaScript中的location对象(浏览器地址栏URL)

JavaScript高级程序第三版 locatin 对象
location 提供当前窗口加载文档有关的信息

插入链接与图片

链接: MDN Location.

在浏览器打赢的 Location 对象如下

###下面让我们看看这个属性的一些描述喝应用场景

// An highlighted block
var foo = 'bar';

location 的一些属性

属性名	例子	说明
host	‘#contents’	返回url hash (#号后跟的字符====(vue的路由模式)===)
hostname	developer.mozilla.org	返回服务器名称喝端口号 （如果没有就返回）
href	https://developer.mozilla.org/zh-CN/search?q=location	当前整个地址栏 location的toString也返回这个值
origin	https://developer.mozilla.org	返回协议加域名
pathname	/zh-CN/searc	返回当前页面域名后的文件名称
port	8080	返回端口号
protocol	https:	单前协议
search	?q=location	返回URL 查询字符串 以问号开始（这里我们动态的改变他的值，之前我们跳转是 用a 表后面加参数，现在我们可以用 search 属性，把他的值改变了跳转的其他的页面 ）

location 的一些方法

方法名	用途	场景
location	用于改变当前的uirl 地址	location.assign(‘http:www.baidu.com’) 其实我们平常写原生js 跳转网页是用的
replace	禁止后退按钮	某些场景下面让用户跳转的某一个页面不让用户退回 location.replace(‘http:baidu.com’) 跳转这个地方按钮后禁止
reload	刷新页面（可能有缓存） reload() 有可以有一个参数 reload(true) ===》都是重新加载 重服务器拉起最新的没缓存	不需要缓存的页面刷新可用 location.href= ‘http:www.baidu.com’ 他就是调用的此方法

location 的属性修改了都会重新加载页面 但是除了 hash