Refresh实现网站自动刷新，制作出网站动态效果
作者：佚名 时间：2014-04-29
因为浏览器会响应称为“Refresh(刷新)”的特殊的HTTP头部字段，所以客户端拉动态文档要和浏览器一起运行。
你可能会想起，当HTTP服务器向客户端浏览器发送一个文档时，它都会在文档数据的前面加上一个或多个头部字段。例如，一个头部字段包含了关于网站内容类型的描述，浏览器将用该描述来决定显示文档内容的方式。例如，服务器会在HTML文档的前面加上“Content-type="text/html”头部字段，它的含义应该是显而易见的。
HTTP的Refresh字段可以实现客户端拉动态HTML文档刷新，通过以下格式的<meta>标签格式便可以启用该功能:
<meta http一equiv="Refresh"，content="field value">
该标签的http-equiv属性告知HTTP服务器要包含Refresh字段，该字段带有一个由content属性指定的值(如果有值，则一定要放在引号中)。服务器会在发送文档的其余内容之前，先向客户端浏览器发送这些头部字符串。浏览器将把Refresh字段当作是动态HTML文档的标记，并进行相应的响应。
在特殊的Refresh<meta>标签中，其content属性的值决定了浏览器更新当前文档的时间和方式。如果将其设置为整数，那么浏览器会在自动加载其他文件之前等待相应的秒数。也可以将该内容字段的值设置为0，表示无须等待。在这种情况下，浏览器会在完成当前文档显示后，立即加载下一个文档，这样就可以制作比较粗略的动画效果!
刷新网站同一个页面
如果Refresh字段的content值仅有秒数，那么浏览器会以指定的秒数为周期，不断地重新加载同一文档，直到用户改为浏览其他文档或是关闭浏览器时为止。
例如，在下面的例子中，浏览器将每隔15秒钟便重新加载下列的客户端拉文档:
<html>
<head>
<meta http-equiv="Refresh" content="15">
<title>水果实时价格查询</title>
</head>
<body>
<h3>水果当前价格</h3>
当前价格为：3.67元
</body>
</html>
你的那些负责水果方面的同事会注意到，通过在服务器端利用一些特殊的小技巧，就可以在网站文档中更新水果的价格，使其像电报机纸带机一样，每隔15秒钟就刷新一次最新的水果价格。
