大家好，欢迎来到IT知识分享网。
目录
核心代码
location.reload();代码说明
在JavaScript中使用以上代码，即可刷新页面。
其效果相当于点击了页面左上角的刷新按钮。
示例展示
当点击刷新按钮，发现所有添加的“你好”都消失了，即表示刷新成功
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 给该按钮绑定一个点击事件
只要一点击该按钮，就立即执行“refresh()”函数 -->
<button onclick="refresh()">点击刷新</button>
<!-- 单词释义：refresh---刷新 -->
<script>
function refresh(){
// 刷新页面
location.reload();
}
// 设定一个定时器，每1000毫秒（即1秒），在屏幕上添加一个“你好”
// 当点击刷新按钮，发现所有添加的“你好”都消失了，即表示刷新成功
setInterval(function(){
var body = document.getElementsByTagName("body")[0]
body.innerHTML+=`你好！`
},1000)
</script>
</body>
</html>应用场景
数据库中的数据发生改变时，前端通过刷新来更新显示的内容。
参考资料
核心：
菜鸟教程https://www.runoob.com/w3cnote/js-refresh-current-page.html
其他：
通过JavaScript自动刷新页面
其他部分
其他可以实现通过JavaScript对页面进行刷新的方法，可参考以下链接的原文章。
通过JavaScript自动刷新页面
js 刷新当前页面 | 菜鸟教程https://www.runoob.com/w3cnote/js-refresh-current-page.html
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/156086.html
