您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

js 刷新当前页面

时间:02-21来源:作者:点击数:

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

  • reload()方法;
  • replace()方法;
  • 页面自动刷新;

方法1:reload() 方法

reload()方法用于刷新当前文档。

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

location.reload();

在按钮中可以使用 onclick 事件:

<input type="button" onclick="javascript:location.reload();" value="刷新当前页面">

点击下面按钮,刷新当前页面:

方法2:replace() 方法

replace() 方法可用一个新文档取代当前文档。。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>城东书院</title>
<script>
function replaceDoc()
{
    window.location.replace("https://www.cdsy.xyz")
}
</script>
</head>
<body>

<input type="button" value="载入新文档替换当前页面" onclick="replaceDoc()">

</body>
</html>

方法3:页面自动刷新

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

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

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

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
上一篇:js 截取字符串 下一篇:js 定时器
推荐内容
相关内容
栏目更新
栏目热门