1.3 页面自动刷新_JavaScript实例自学手册-QQ阅读男生历史网

书名：JavaScript实例自学手册
作者名：吴雪等编著
本章字数：234字
更新时间：2020-08-26 19:18:26

1.3 页面自动刷新

【实例描述】

为了及时反映站点数据的变化，通常需要页面进行自动刷新。本例学习如何实现页面的自动刷新，刷新结果可以是当前页面，也可以转换到指定页面。

【实现代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>标题页</title>
    <meta HTTP-EQUIV="refresh" CONTENT="3;URL=http://www.google.com">
</head>
<body>
<table id="mytbl" width="300" height="50" border="0" cellspacing="2" cellpadding="0"
bgcolor="#FFb609">
<tr>
    <td> 第一行第一列</td><td> 第一行第二列</td>
</tr>
<tr>
    <td> 第二行第一列</td><td> 第二行第二列</td>
</tr>
</table>
</body>
</html>

【运行效果】

页面自动刷新实例的运行效果如图1-3所示。

图1-3 页面自动刷新实例的运行效果

【难点剖析】

本例的重点是meta元素，其属性“HTTP-EQUIV”设置为“refresh”时，会自动刷新当前页面，此属性包含两个重要的设置：CONTENT和URL，CONTENT表示自动刷新的时间间隔，URL表示刷新后的页面地址。