JavaScript跳转页面，没有历史记录-location.replace()方法和history.replaceState()方法-马育民老师

# location.replace()

用新的文档替换当前文档，相当于 跳转页面，但浏览器 **不可以 后退**，清空历史记录了

### 例子

创建 `1.html`，内容如下：

```
<button onclick="jump()">跳转</button>
<script>
    function jump(){
        location.replace('result.html')
    }
</script>
```

创建 `result.html` ，内容如下：

```
结果页面
```

在 `1.html` 中，点击按钮，跳转到 `result.html` 中

**关键：**浏览器历史记录中，没有 `1.html`

# history.replaceState()

HTML5为history对象添加 `history.replaceState()` 方法，把当前的页面的历史记录替换掉

```
history.replaceState(state, title, url);
```

**参数解释：**

- state： object类型，状态对象，一般为 `null`。是一个由 `pushState()` 方法创建的、与历史纪录相关的javascript对象。当用户定向到一个新的状态时，会触发popstate事件。事件的state属性包含了历史纪录的state对象。

- title：新页面的标题，但是 **所有浏览器目前都忽略这个值**，因此这里可以填 `null`