update: History&Location

This commit is contained in:
qianguyihao 2019-11-29 17:39:55 +08:00
parent 0a3f5d5c51
commit f96c37b47a

View File

@ -31,7 +31,7 @@ BOM可以让我们通过JS来操作浏览器。BOM中为我们提供了一些对
备注2不要忘了之前学习过的`document`也是在`window`中保存的。 备注2不要忘了之前学习过的`document`也是在`window`中保存的。
这篇文章,我们先来讲一下 `Navigator` 这篇文章,我们先来讲一下 几个常见的 BOM 对象
## Navigator 和 `navigator.userAgent` ## Navigator 和 `navigator.userAgent`
@ -174,9 +174,17 @@ Location 对象:封装了浏览器地址栏的 URL 信息。
下面介绍一些常见的属性和方法。 下面介绍一些常见的属性和方法。
### location.href 属性 ### Location 对象的属性
`location.href`属性:获取当前页面的 url 路径(或者设置 url 路径)。 **属性1**
```
location.href
location.href = 'https://xxx';
```
解释:获取当前页面的 url 路径(或者设置 url 路径)。
代码举例1 代码举例1
@ -193,12 +201,23 @@ console.log(location.href); // 获取当前页面的url 路径
从上方的**举例2**中可以看出:如果直接将`location.href`属性修改为一个绝对路径(或相对路径),则页面会自动跳转到该路径,并生成相应的历史记录。 从上方的**举例2**中可以看出:如果直接将`location.href`属性修改为一个绝对路径(或相对路径),则页面会自动跳转到该路径,并生成相应的历史记录。
### location.assign(str) 方法
### Location 对象的方法
**方法1**
```javascript
location.assign(str);
```
解释:用来跳转到其他的页面,作用和直接修改`location.href`一样 解释:用来跳转到其他的页面,作用和直接修改`location.href`一样
**方法2**
### location.reload() 方法 ```javascript
location.reload();
```
解释:用于重新加载当前页面,作用和刷新按钮一样。 解释:用于重新加载当前页面,作用和刷新按钮一样。
@ -210,7 +229,12 @@ console.log(location.href); // 获取当前页面的url 路径
``` ```
### location.replace() 方法 **方法3**
```javascript
location.replace();
```
解释:使用一个新的页面替换当前页面,调用完毕也会跳转页面。但不会生成历史记录,不能使用「后退按钮」后退。 解释:使用一个新的页面替换当前页面,调用完毕也会跳转页面。但不会生成历史记录,不能使用「后退按钮」后退。