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

最新推荐文章于 2024-06-17 16:53:23 发布

蓝冰咖啡

最新推荐文章于 2024-06-17 16:53:23 发布

阅读量1.4w

点赞数 4

分类专栏： HTML前端

本文链接：https://blog.csdn.net/lanbingkafei/article/details/42551077

版权

HTML前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

自动刷新页面的方法有两种，一种是在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 οnlοad="setTimeout('ChangeURL()', 5000);">
</body>
</html>

蓝冰咖啡

关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
HTML meta refresh实现自动HTML刷新页面和跳转页

自动刷新页面的方法有两种，一种是在HTML头部HEAD里加入META元信息刷新，另一种是用JS代码实现刷新。下面分别介绍。1.在HTML头部HEAD里加入META元信息实现HTML自动刷新：把下面的代码加入区域中： content的值单位是秒，上面的20指每隔20秒刷新一次页面. 2.用JS让HTML自动刷新页面：把下面的代码加入区域中：func
复制链接

扫一扫