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

尽量避免使用js

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

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

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

<metahttp-equiv="refresh"content="20">

 

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

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

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

 

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

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

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

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

 

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

 

4.js的跳转代码如下 

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

 

posted @ 2014-05-13 15:41  小路_同学  阅读(842)  评论(0)    收藏  举报