JS实现页面刷新的方法

都说了我不是彭于晏

于 2018-12-26 17:38:16 发布

阅读量775

点赞数

本文链接：https://blog.youkuaiyun.com/qq_40513088/article/details/85265717

版权

本文介绍了使用JavaScript实现页面刷新的多种方法，包括普通页面即时刷新和定时刷新。详细列举了九种不同的刷新方式，涵盖了包括IE浏览器在内的兼容性处理。同时，还提到了通过js定时器和meta标签来实现页面定时刷新的两种方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.JS实现普通页面刷新

测试页面：

<!DOCTYPE html>
<html>
<head>
	<title>页面刷新</title>
</head>
<body>
	<h1 id="text">页面刷新</h1>
	<button onclick="fresh()">刷新</button>

	<script type="text/javascript">	
	var h1=document.getElementById('text')
	function text(){
		h1.style.color="red";
		h1.innerHTML="我变化了";
	}
	
	setInterval(text,1000);
	</script>
</body>
</html>

方法一：

function fresh(){
       window.location.reload();//强迫浏览器刷新当前页面，默认参数为false，表示从客户端缓存里取当前页。如果指定为true,则以GET方式从服务端取最新的页面,相当于客户端点击F5。
}

方法二：

function fresh(){
       history.go(0);
}

方法三：

最低0.47元/天解锁文章