前端工程师必须知道的用javaScript刷新当前页面的3种方法
原创前端工程师必须知道的用javaScript刷新当前页面的3种方法
原创
孙叫兽
修改于 2021-02-10 12:11:49
修改于 2021-02-10 12:11:49
业务场景：APP列表页右上角有一个立即刷新按钮，点击立即刷新需要刷新当前页面。下面简单实现几个DEMO
效果图
目录
方法1：reload() 方法
reload()方法用于刷新当前文档。类似于你浏览器上的刷新页面按钮。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>孙叫兽的博客</title>
<script>
function reloadPage(){
location.reload()
}
</script>
</head>
<body>
<input type="button" value="重新加载页面" onclick="reloadPage()">
</body>
</html>方法2：replace() 方法
replace() 方法可用一个新文档取代当前文档。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>孙叫兽的博客</title>
<script>
function replaceDoc()
{
window.location.replace("https://sunmenglei.blog.csdn.net/")
}
</script>
</head>
<body>
<input type="button" value="载入新文档替换当前页面" onclick="replaceDoc()">
</body>
</html> 方法3：页面自动刷新
页面自动刷新：把如下代码加入<head>区域中，其中10指每隔10秒刷新一次页面。
<meta http-equiv="refresh" content="10">好啦，本期内容就分享到这里，我们下期间！
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录