立即注册

微信登录

只需一步,快速开始

QQ登录

只需一步,快速开始

无量觉社区



会员资源切换至【手机版】
开启左侧

[实用技术] js 刷新当前页面简易代码

[复制链接]
发表于 2023-1-30 23:21:11 | 显示全部楼层 |阅读模式

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

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

方法1:reload() 方法

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

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

location.reload();

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

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

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

更多关于reload() 方法请参考文档:https://www.runoob.com/jsref/met-loc-reload.html

方法2:replace() 方法

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

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function replaceDoc()
{
window.location.replace("https://www.runoob.com")
}
</script>
</headgt;
<body>

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

</body>
</html>

更多关于replace() 方法请参考文档:https://www.runoob.com/jsref/met-loc-replace.html


方法3:页面自动刷新

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

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

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

尝试一下 »


主题推广




回复

使用道具 举报

 楼主| 发表于 2023-1-30 23:23:09 | 显示全部楼层
回复 支持 反对

使用道具 举报

游客
回复
您需要登录后才可以回帖 登录 | 立即注册

切换至【手机版】|主站|Archiver| Amituforum 无量觉社区

JS of wanmeiff.com and vcpic.com Please keep this copyright information, respect of, thank you!JS of wanmeiff.com and vcpic.com Please keep this copyright information, respect of, thank you!

|网站地图

GMT+8, 2026-2-4 12:14 , Processed in 0.601844 second(s), 12 queries , Redis On.

Powered by Discuz! X3.4

© 2001-2013 Discuz Team.

快速回复 返回顶部 返回列表