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秒鐘就刷新一次最新的水果價格。
