三种 js 刷新当前页面的方法

本文为大家介绍三种 js 刷新当前页面的方法:

reload() 方法;
replace() 方法;

页面自动刷新;
方法1:reload() 方法
reload()方法用于刷新当前文档。

reload() 方法类似于你浏览器上的刷新页面按钮。

location.reload();

案例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>初梦博客(blog.upupd.com)</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>初梦博客(blog.upupd.com)</title>
<script>
function replaceDoc(){
    window.location.replace("http://www.runoob.com")
    }
</script>
</head>
<body>
<input type="button" value="载入新文档替换当前页面" onclick="replaceDoc()">
</body>
</html>

方法3:页面自动刷新
页面自动刷新:把如下代码加入<head>区域中

<meta http-equiv="refresh" content="5">

其中5指每隔5秒刷新一次页面。


赞(0) 打赏
未经允许不得转载:JavaScript » 三种 js 刷新当前页面的方法

评论 抢沙发

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏