js 刷新当前页面

最新推荐文章于 2025-09-20 08:45:49 发布

转载最新推荐文章于 2025-09-20 08:45:49 发布 · 6.4k 阅读

12 ·

CC 4.0 BY-SA版权

原文链接：https://www.runoob.com/w3cnote/js-refresh-current-page.html

文章标签：

#javascript #jquery

javascript 专栏收录该内容

41 篇文章

订阅专栏

本文详细介绍了JavaScript中刷新当前页面的三种方法：1) 使用location.reload()方法，等同于浏览器的刷新按钮；2) 利用window.location.replace()方法替换当前文档为指定URL；3) 设置meta标签实现页面自动定时刷新。这些方法对于前端开发者来说是调整页面状态的重要手段。

分类编程技术

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

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

方法1：reload() 方法

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

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

location.reload();

更多关于reload() 方法请参考文档：http://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("http://www.runoob.com")
}
</script>
</head>
<body>

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

</body>
</html>

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