沃梦达 / IT编程 / 前端开发 / 正文

JS实现页面跳转与刷新的方法汇总

下面就来详细讲解一下“JS实现页面跳转与刷新的方法汇总”的完整攻略。

下面就来详细讲解一下“JS实现页面跳转与刷新的方法汇总”的完整攻略。

1. 实现页面跳转的方法

1.1 使用 window.location.replace 方法实现页面跳转

使用 window.location.replace 方法可以在不记录浏览器历史记录的情况下,实现页面跳转,具体代码如下:

window.location.replace('https://www.example.com');

这里的 'https://www.example.com' 是你要跳转的网页地址,可以自行替换。

1.2 使用 window.location.href 方法实现页面跳转

使用 window.location.href 方法可以在记录浏览器历史记录的情况下,实现页面跳转,具体代码如下:

window.location.href = 'https://www.example.com';

这里的 'https://www.example.com' 是你要跳转的网页地址,可以自行替换。

2. 实现页面刷新的方法

2.1 使用 location.reload 方法实现页面刷新

使用 location.reload 方法可以实现页面的刷新,具体代码如下:

location.reload();

2.2 使用 history.go(0) 方法实现页面刷新

使用 history.go(0) 方法可以实现页面的刷新,具体代码如下:

history.go(0);

总结

以上就是实现页面跳转与刷新的方法汇总,根据实际情况选择不同的方法即可。同时需要注意,在使用页面跳转方法时,一定要确保跳转的网页地址是可用的。

示例说明:

  1. 页面跳转:

如果需要在网页中新打开一个标签页,可以使用以下代码:

window.open('https://www.example.com', '_blank');

其中的 '_blank' 表示在新标签页打开。

  1. 页面刷新:

如果需要在页面中自动刷新数据,可以使用以下代码:

setTimeout(function() {
  location.reload();
}, 5000);

其中的 5000 表示 5 秒钟后刷新页面,可以根据实际情况修改。

本文标题为:JS实现页面跳转与刷新的方法汇总