js实现刷新
刷新当前页面
使用 location.reload() 方法可以强制刷新当前页面。该方法接受一个布尔参数,默认为 false,表示从缓存中加载页面;设为 true 时强制从服务器重新加载。
// 从缓存刷新(默认)
location.reload();
// 强制从服务器刷新
location.reload(true);
使用 meta 标签自动刷新
在 HTML 的 <head> 中添加 meta 标签,可以设置页面自动刷新的时间间隔(单位为秒)。
<meta http-equiv="refresh" content="5">
使用定时器定时刷新
通过 setTimeout 或 setInterval 实现定时刷新功能。以下代码会在 5 秒后刷新页面。
setTimeout(() => {
location.reload();
}, 5000);
刷新 iframe 内容
如果需要刷新页面中的 iframe,可以通过获取 iframe 的 contentWindow 对象调用刷新方法。
document.getElementById('myFrame').contentWindow.location.reload();
使用 History API 刷新
通过 history.go(0) 或 location.href = location.href 也可以实现页面刷新,但可能会因浏览器缓存导致不是完全重新加载。
history.go(0);
// 或
location.href = location.href;
监听事件触发刷新
可以监听特定事件(如按钮点击)来触发页面刷新。
document.getElementById('refreshButton').addEventListener('click', () => {
location.reload();
});






