~~~ by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=4670 ~~~ ## 一、meta源信息功能之頁面定時跳轉與刷新 幾乎所有的網頁頭部都有<meta>源信息。除了我們常用的定義編碼、關鍵字(name=”keywords”)、描述(name=”description”)(for SEO)，還可以定義視區大小、縮放比例等(for 移動端)，如下： `<meta name="viewport" content="width=device-width,initial-scale=1.0">` 以及，定義網頁的過期時間，Cookie的過期時間等等。 文本要介紹的內容，科科，跟上面都沒關系。哦，抱歉，都有關系，只是名稱我故意沒提到。主角嘛，總要最后閃亮登場！ 主角閃亮登場 就是我們網頁平時跳轉，還可以使用<meta>實現，下面幾個典型代碼示例： `<meta http-equiv="refresh" content="5">` 這個表示當前頁面每5秒鐘刷一下，刷一下~ `<meta http-equiv="refresh" content="2; url='/'">` 這個表示當前頁面2秒后跳到首頁~ `<meta http-equiv="refresh" content="0; url='http://www.qq.com/'">` 頁面直接跳轉到騰訊網~ 所以，當我們下次遇到“登錄成功，正在跳轉到您之前訪問頁面……”的時候，可以使用<meta>的這個refresh刷新，跳轉功能，可以說是成本最低的。 您可以狠狠地點擊這里：meta與當前頁面定時刷新Demo 定時刷新截圖 上面Demo效果就是上面第1個示例代碼效果。 根據我的測試，此特性包括IE7在內的瀏覽器都是支持的。 ## 二、問題來了：為何meta跳轉不火呢？ 大家可以看到，meta跳轉，使用方便，不用寫JS，不用會后臺代碼，定時跳轉刷新什么的玩得照樣很溜，而且兼容性好，為啥總感覺不溫不火，很少看見有人提及呢？ 新晉的小伙伴不知有沒有聽過這么一個詞，叫做“萬惡的IE6年代”。 據說，當年，這一批老舊的瀏覽器，問題很多，其中就有對meta2個小小的不友好。我也是聽說，不一定準確。坊間是這么傳聞的： * 時間設為0的跳轉，有時候頁面會閃一下； * 跳轉到其他頁面，瀏覽器后退按鈕是不能用的； 但是啊，現在是什么年代啊，監獄風云都拍到第二季了，這些老問題，我覺得就可以忽略不計了。 不妨大膽試試meta跳轉，好好利用下瀏覽器的原生特性，說不定就會發現比什么JS跳轉之流用得更開心。