2025年3月25日 星期二 甲辰(龙)年 月廿四 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

js 刷新当前页面

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

本文为大家介绍三种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 定时器
推荐内容
相关内容
栏目更新
栏目热门