本文共三种刷新当前页面方法:
- reload() 方法
- replace() 方法
- 页面自动刷新
1. reload()方法
用于刷新当前文档
类似于浏览器的刷新页面按钮
location.reload();
在按钮中可以使用onclick事件:
<input type="button" onclick="javascript: location.reload();" value="刷新当前页面">
2. replace()方法
可用一个新文档取代当前文档
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function replaceDoc()
{
window.location.replace("https://www.runoob.com")
}
</script>
</head>
<body>
<input type="button" value="载入新文档替换当前页面" onclick="replaceDoc()">
</body>
</html>
3. 页面自动刷新
把如下代码加入区域中
<meta http-equiv="refresh" content="5">
其中 5 指每隔 5 秒刷新一次页面