js如何实现页面跳转(大全)
时间: 2024-01-27 17:05:16 浏览: 74
JS 实现页面跳转主要有以下几种方式:
1. 使用 location.href 或者 location.replace() 方法
```javascript
// 通过修改 location.href 实现页面跳转
location.href = "http://www.example.com";
// 通过修改 location.replace() 实现页面跳转
location.replace("http://www.example.com");
```
2. 使用 window.open() 方法打开新窗口并跳转页面
```javascript
window.open("http://www.example.com");
```
3. 使用 form 表单提交实现页面跳转
```html
<!-- HTML代码 -->
<form id="myForm" action="http://www.example.com" method="post">
<input type="hidden" name="param1" value="value1">
<input type="hidden" name="param2" value="value2">
</form>
<!-- JS代码 -->
document.getElementById("myForm").submit();
```
4. 使用 location.reload() 方法刷新页面
```javascript
location.reload();
```
5. 使用 history.go() 方法实现页面跳转
```javascript
// 后退一页
history.go(-1);
// 前进一页
history.go(1);
// 跳转到历史记录中的某一页
history.go(-2);
```
以上就是 JS 实现页面跳转的主要方式,具体使用方法可以根据实际情况选择。
阅读全文