每日兩道前端面試題20190302
頁面可見性有哪些用途?
頁面可見性:對於使用者來說,可見性的意思就是能不能看到,顯示的頁面,就是我們正在看的頁面,隱藏的頁面,就是我們沒有看的頁面。因為我們一次要開啟好多標籤頁面來回切換著,始終只有一個頁面在我們眼前,其它頁面都是隱藏的。
使用方式:給document新增visibilitychange事件,document.hidden為true則可見,為false則為隱藏,不同頁面之間切換,促發visbilitychange事件.
document.addEventListener("visibilitychange",function(){ if(document.hidden){ document.title="hidden"; } else{ document.title="visibile" } }); console.log(document.visibilityState);
備註:動畫,視訊,音訊都可以在頁面顯示時開啟,在頁面隱藏時關閉
實現不使用 border 畫出1px高的線,在不同瀏覽器的標準模式與怪異模式下都能保持一致的效果
<div style="height:1px; overflow:hidden;background:red"></div>