• 河南网站建设-郑州网站设计-郑州网站建设-手机建站-郑州建站-上海建站

  • 专注网站建设 服务热线: 13061801310

当前位置:好东东网 > 近期动态 > 技术分享 > 正文

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

发布时间:2017-12-06 | 发布者: 东东工作室 | 浏览次数:
自动刷新页面方法有两种,一种是在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">

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://www.lichengcheng.com">

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

4.js的跳转代码如下

<html>

<head>

<metahttp-equiv="Content-Type"content="text/html; charset=gb2312"/>

<scriptlanguage="javascript">

functionChangeURL()

{

var url="";

location.href=url;

}

</script>

</head>

<bodyonload="setTimeout('ChangeURL()',5000);">

转载请标注:东东工作室——HTML meta refresh教你实现自动HTML刷新页面和跳转页