【HTML】HTML 网页自动刷新

厦门德仔

已于 2023-03-26 09:01:35 修改

阅读量6.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： # Css/Html 文章标签： html javascript 前端

于 2022-09-29 09:54:48 首次发布

51 篇文章

订阅专栏

本文介绍了在编写HTML网页时，如何实现页面自动刷新的三种无插件方法。包括使用meta标签设定刷新时间、通过页面跳转指定URL刷新以及利用JavaScript的setTimeout函数进行定时刷新。这些方法方便开发者实时查看网页更新，提高工作效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在进行HTML网页编写的过程中，往往需要及时的编写反馈，反复的在编辑器和浏览器窗之间进行切换是一个很繁琐的事情，如果在编辑器上使用插件，我也不太愿意，繁琐而且不安全。下面介绍三种不需要插件的自动刷新方法。

在html的文档头中,在标签中添加meta属性，像下面“

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

其中前面是刷新所需的meta标识,后面的content是刷新的秒数。

在html的头标签中，添加一个meta标签，指定刷新的URL，是第一种方式的拓展：

	<meta http-equiv="refresh" content="10;url=http://www.xxx.xx">

其中参数和上面第一种的参数同一个含义,content是刷新时间,单位为秒,后面的url为刷新地址。

在 html 页面中使用 JavaScript 脚本进行刷新。

<script language="JavaScript">
	setTimeout(function(){location.reload()},1000); 
	//指定1秒刷新一次
</script>

使用 JavaScript 自带的定时函数，设置时间的单位为毫秒。