meta 標籤:自動刷新

meta 標籤:自動刷新/跳轉

假設要實現一個類似 PPT 自動播放的效果,你很可能會想到使用 JavaScript 定時器控制頁面跳轉來實現。但其實有更加簡潔的實現方法,比如通過 meta 標籤來實現:

上面的代碼會在 5s 之後自動跳轉到同域下的 page2.html 頁面。我們要實現 PPT 自動播放的功能,只需要在每個頁面的 meta 標籤內設置好下一個頁面的地址即可。

另一種場景,比如每隔一分鐘就需要刷新頁面的大屏幕監控,也可以通過 meta 標籤來實現,只需去掉後面的 URL 即可:

細心的你可能會好奇,既然這樣做又方便又快捷,為什麼這種用法比較少見呢?

一方面是因為不少前端工程師對 meta 標籤用法缺乏深入瞭解,另一方面也是因為在使用它的時候,刷新和跳轉操作是不可取消的,所以對刷新時間間隔或者需要手動取消的,還是推薦使用 JavaScript 定時器來實現。但是,如果你只是想實現頁面的定時刷新或跳轉(比如某些頁面缺乏訪問權限,在 x 秒後跳回首頁這樣的場景)建議你可以實踐下 meta 標籤的用法。


meta 標籤:自動刷新/跳轉


分享到:


相關文章: