meta源信息功能之頁(yè)面定時(shí)跳轉(zhuǎn)與刷新

幾乎所有的網(wǎng)頁(yè)頭部都有<meta>源信息。除了我們常用的定義編碼、關(guān)鍵字(name=”keywords”)、描述(name=”description”)(for SEO)，還可以定義視區(qū)大小、縮放比例等(for 移動(dòng)端)，如下：

以及，定義網(wǎng)頁(yè)的過(guò)期時(shí)間，Cookie的過(guò)期時(shí)間等等。
就是我們網(wǎng)頁(yè)平時(shí)跳轉(zhuǎn)，還可以使用<meta>實(shí)現(xiàn)，下面幾個(gè)典型代碼示例：

    這個(gè)表示當(dāng)前頁(yè)面每5秒鐘刷一下，刷一下~

    這個(gè)表示當(dāng)前頁(yè)面2秒后跳到首頁(yè)~

    <meta http-equiv="refresh" content="0; url='http://www.qq.com/'">

    頁(yè)面直接跳轉(zhuǎn)到騰訊網(wǎng)~

所以，當(dāng)我們下次遇到“登錄成功，正在跳轉(zhuǎn)到您之前訪問(wèn)頁(yè)面……”的時(shí)候，可以使用<meta>的這個(gè)refresh刷新，跳轉(zhuǎn)功能，可以說(shuō)是成本最低的。

上面Demo效果就是上面第1個(gè)示例代碼效果。

根據(jù)我的測(cè)試，此特性包括IE7在內(nèi)的瀏覽器都是支持的。
問(wèn)題來(lái)了：為何meta跳轉(zhuǎn)不火呢？

大家可以看到，meta跳轉(zhuǎn)，使用方便，不用寫(xiě)JS，不用會(huì)后臺(tái)代碼，定時(shí)跳轉(zhuǎn)刷新什么的玩得照樣很溜，而且兼容性好，為啥總感覺(jué)不溫不火，很少看見(jiàn)有人提及呢？

新晉的小伙伴不知有沒(méi)有聽(tīng)過(guò)這么一個(gè)詞，叫做“萬(wàn)惡的IE6年代”。

據(jù)說(shuō)，當(dāng)年，這一批老舊的瀏覽器，問(wèn)題很多，其中就有對(duì)meta2個(gè)小小的不友好。我也是聽(tīng)說(shuō)，不一定準(zhǔn)確。坊間是這么傳聞的：

•     時(shí)間設(shè)為0的跳轉(zhuǎn)，有時(shí)候頁(yè)面會(huì)閃一下；
      跳轉(zhuǎn)到其他頁(yè)面，瀏覽器后退按鈕是不能用的；

但是啊，現(xiàn)在是什么年代啊，監(jiān)獄風(fēng)云都拍到第二季了，這些老問(wèn)題，我覺(jué)得就可以忽略不計(jì)了。

不妨大膽試試meta跳轉(zhuǎn)，好好利用下瀏覽器的原生特性，說(shuō)不定就會(huì)發(fā)現(xiàn)比什么JS跳轉(zhuǎn)之流用得更開(kāi)心。

最新評(píng)論