HTML meta refresh实现自动HTML刷新页面和跳转页

来源：互联网发布：linux 将文件内容复制编辑：程序博客网时间：2024/05/21 09:45

自动刷新页面的方法有两种，一种是在HTML头部HEAD里加入META元信息刷新，另一种是用JS代码实现刷新。下面分别介绍。

1.在HTML头部HEAD里加入META元信息实现HTML自动刷新：

把下面的代码加入<head>区域中：

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

content的值单位是秒，上面的20指每隔20秒刷新一次页面.

2.用JS让HTML自动刷新页面：
把下面的代码加入<head>区域中：

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

JS刷新时间的单位是毫秒，1000毫秒=1秒，上面代码中的1000代表1秒钟刷新一次。

3.在HTML头部HEAD里加入META元信息实现HTML页面自动跳转：

把如下代码加入<head>区域中：

<meta http-equiv="refresh" content="20;url=http://maizilin.com">

content的值和自动刷新一样单位是秒，url="xxx"里填你想要跳转到的网页。

4.js的跳转代码如下

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><script language="javascript">function ChangeURL(){  var url="http://maizilin.com";  location.href=url;}</script></head><body onload="setTimeout('ChangeURL()', 5000);"></body></html>

0 0