update: History&Location
This commit is contained in:
parent
0a3f5d5c51
commit
f96c37b47a
@ -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();
|
||||||
|
```
|
||||||
|
|
||||||
解释:使用一个新的页面替换当前页面,调用完毕也会跳转页面。但不会生成历史记录,不能使用「后退按钮」后退。
|
解释:使用一个新的页面替换当前页面,调用完毕也会跳转页面。但不会生成历史记录,不能使用「后退按钮」后退。
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user