2.4　refresh重定向

本節介紹refresh重定向的概念及用法，其在HTML網頁中有著非常特殊的作用。

2.4.1　基本概念

HTML網頁中的refresh用于對頁面進行刷新與跳轉（重定向）操作，其在http-equiv屬性中進行定義，使用content屬性表示刷新或跳轉的開始時間與跳轉的網址。

2.4.2　使用方法

下面是一個使用refresh進行重定向操作的HTML 5示例代碼（詳見源代碼ch02/ch02-html-head-refresh.html文件）。

【代碼2-3】

【代碼解析】

與【代碼2-2】類似，不同之處是第11行代碼中http-equiv屬性定義為"refresh"，也就是重定向功能。本行代碼中對應的content屬性定義為"1;url=http://www.google.cn"，其實現了兩個功能，并使用分號進行分割。分號前面的數值1表示時間間隔為1秒，分號后面的url代表重定向鏈接地址，合在一起的含義就是在間隔1秒后刷新重新跳轉到www.google.cn網址上。因為Refresh功能是在HTML網頁頭部中定義的，所以在該頁面初次打開后就將計算時間間隔并執行重定向操作。

運行頁面，效果如圖2.3所示。經過大約1秒時間后，頁面自動進行了跳轉，效果如圖2.4所示。

2.4.3　http-equiv屬性

http-equiv還有幾個屬性可能讀者了解不多，但也是非常重要的功能，在這里向讀者簡單介紹：

（1）Expires（期限）

• 功能描述：用于設定網頁的過期時間，如果網頁過期，則必須連接服務器進行重新傳輸。
• 使用方法：<meta http-equiv="expires" content="Sun,15 Jan 2017 08:08:08 GMT">。
• 注意事項：必須使用GMT格式時間。

（2）Pragma（cache模式）

• 功能描述：禁止瀏覽器從本地計算機的緩存中訪問HTML網頁的內容。
• 使用方法：<meta http-equiv="Pragma" content="no-cache">。
• 注意事項：如果這樣設定，用戶將無法脫機瀏覽網頁。

（3）Set-Cookie（cookie過期設定）

• 功能描述：如果網頁過期，則保存在本機的全部cookie將被自動刪除。
• 使用方法：<meta http-equiv="Set-Cookie" content="cookie-value=xxx; expires= Sun,15 Jan 2017 08:08:08 GMT; path=/ ">。
• 注意事項：必須使用GMT格式時間。

（4）Window-target（顯示窗口的設定）

• 功能描述：強制HTML網頁在當前窗口以獨立頁面方式顯示。
• 使用方法：<meta http-equiv="Window-target" content="_top">。
• 注意事項：用來防止外部頁面在框架里調用本頁面。