国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

使用CSS中的meta實現web定時刷新或跳轉的方法

2024-07-11 08:30:07
字體:
來源:轉載
供稿:網友

meta源信息功能之頁面定時跳轉與刷新

幾乎所有的網頁頭部都有<meta>源信息。除了我們常用的定義編碼、關鍵字(name=”keywords”)、描述(name=”description”)(for SEO),還可以定義視區大小、縮放比例等(for 移動端),如下:

CSS Code復制內容到剪貼板
  1. <meta name="viewport" content="width=device-width,initial-scale=1.0">  

以及,定義網頁的過期時間,Cookie的過期時間等等。
就是我們網頁平時跳轉,還可以使用<meta>實現,下面幾個典型代碼示例:

    

CSS Code復制內容到剪貼板
  1. <meta http-equiv="refresh" content="5">  

    這個表示當前頁面每5秒鐘刷一下,刷一下~

CSS Code復制內容到剪貼板
  1. <meta http-equiv="refresh" content="2; url='/'">  

    這個表示當前頁面2秒后跳到首頁~

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

    頁面直接跳轉到騰訊網~

所以,當我們下次遇到“登錄成功,正在跳轉到您之前訪問頁面……”的時候,可以使用<meta>的這個refresh刷新,跳轉功能,可以說是成本最低的。
201565182715505.png (474×139)

上面Demo效果就是上面第1個示例代碼效果。

根據我的測試,此特性包括IE7在內的瀏覽器都是支持的。
問題來了:為何meta跳轉不火呢?

大家可以看到,meta跳轉,使用方便,不用寫JS,不用會后臺代碼,定時跳轉刷新什么的玩得照樣很溜,而且兼容性好,為啥總感覺不溫不火,很少看見有人提及呢?

新晉的小伙伴不知有沒有聽過這么一個詞,叫做“萬惡的IE6年代”。

據說,當年,這一批老舊的瀏覽器,問題很多,其中就有對meta2個小小的不友好。我也是聽說,不一定準確。坊間是這么傳聞的:

    時間設為0的跳轉,有時候頁面會閃一下;
    跳轉到其他頁面,瀏覽器后退按鈕是不能用的;

但是啊,現在是什么年代啊,監獄風云都拍到第二季了,這些老問題,我覺得就可以忽略不計了。

不妨大膽試試meta跳轉,好好利用下瀏覽器的原生特性,說不定就會發現比什么JS跳轉之流用得更開心。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 双鸭山市| 漠河县| 凉城县| 千阳县| 宁陵县| 获嘉县| 林州市| 甘德县| 台州市| 交口县| 芒康县| 宁河县| 雅江县| 定襄县| 隆化县| 承德市| 华亭县| 白河县| 澄迈县| 勐海县| 定结县| 陆川县| 新巴尔虎左旗| 策勒县| 南乐县| 襄汾县| 琼结县| 集贤县| 呼图壁县| 安陆市| 蒙自县| 陈巴尔虎旗| 拉孜县| 启东市| 甘洛县| 彝良县| 洛宁县| 乌兰察布市| 民勤县| 西林县| 通化县|