JavaScript Page Refresh函数详解

首页 / JavaScript入门教程 / JavaScript Page Refresh函数详解

您可以使用JavaScript location.reload 方法刷新网页。可以在事件发生时自动调用此代码,也可以仅在用户单击链接时调用此代码。如果您想使用鼠标单击刷新网页,则可以使用以下代码-

<a href="javascript:location.reload(true)">Refresh Page</a>

自动刷新

您还可以使用JavaScript在给定的时间段后自动刷新页面。这里 setTimeout()是内置的JavaScript函数,可用于在给定的时间间隔后执行另一个函数。

Example

请尝试以下示例。它显示了如何每5秒刷新一次页面。您可以根据需要更改此时间。

<html>
   <head>
      
      <script type="text/JavaScript">
         <!--
            function AutoRefresh( t ) {
               setTimeout("location.reload(true);", t);
            }
         //-->
      </script>
      
   </head>
   
   <body onload="JavaScript:AutoRefresh(5000);">
      <p>This page will refresh every 5 seconds.</p>
   </body>
   
</html>

输出

This page will refresh every 5 seconds.

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

深入浅出gRPC -〔李林锋〕

邱岳的产品实战 -〔邱岳〕

深入剖析Kubernetes -〔张磊〕

如何做好一场技术演讲 -〔极客时间〕

10x程序员工作法 -〔郑晔〕

后端技术面试 38 讲 -〔李智慧〕

职场求生攻略 -〔臧萌〕

如何落地业务建模 -〔徐昊〕

深入浅出可观测性 -〔翁一磊〕

好记忆不如烂笔头。留下您的足迹吧 :)