欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實現(xiàn)仿餓了么在瀏覽器標(biāo)簽頁失去焦點時網(wǎng)頁Title改變

 更新時間：2017年06月01日 14:01:40   作者：fea的聽說讀寫  
這篇文章主要介紹了JS實現(xiàn)仿餓了么在瀏覽器標(biāo)簽頁失去焦點時網(wǎng)頁Title改變,需要的朋友可以參考下

說在前面:必須是基于支持H5的瀏覽器才可以

這個 API 本身非常簡單，由以下三部分組成。

document.hidden：表示頁面是否隱藏的布爾值。頁面隱藏包括 頁面在后臺標(biāo)簽頁中 或者 瀏覽器最小化 （注意，頁面被其他軟件遮蓋并不算隱藏，比如打開的 sublime 遮住了瀏覽器）。

document.visibilityState：表示下面 4 個可能狀態(tài)的值

hidden：頁面在后臺標(biāo)簽頁中或者瀏覽器最小化

visible：頁面在前臺標(biāo)簽頁中

prerender：頁面在屏幕外執(zhí)行預(yù)渲染處理 document.hidden 的值為 true

unloaded：頁面正在從內(nèi)存中卸載

Visibilitychange事件：當(dāng)文檔從可見變?yōu)椴豢梢娀蛘邚牟豢梢娮優(yōu)榭梢姇r，會觸發(fā)該事件。

這樣，我們可以監(jiān)聽 Visibilitychange 事件，當(dāng)該事件觸發(fā)時，獲取 document.hidden 的值，根據(jù)該值進(jìn)行頁面一些事件的處理。

 document.addEventListener('visibilitychange', function() {
  var isHidden = document.hidden;
  if (isHidden) {
   document.title = '當(dāng)焦點不在當(dāng)前窗口時的網(wǎng)頁標(biāo)題';
  } else {
   document.title = '再變回來或者做點其他的';
  }
 });

以上所述是小編給大家介紹的JS實現(xiàn)仿餓了么在瀏覽器標(biāo)簽頁失去焦點時網(wǎng)頁Title改變，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

  • js/jquery解析json和數(shù)組格式的方法詳解

    js/jquery解析json和數(shù)組格式的方法詳解

    本篇文章主要是對js/jquery解析json和數(shù)組格式的方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
    2014-01-01
  • Javascript小技巧之生成html元素

    Javascript小技巧之生成html元素

    Javascript 生成 HTML元素的方法在本文中介紹2種，第一種是比較正規(guī)的創(chuàng)建元素方法，第二種是利用javascript中的write()方法直接寫出html元素。
    2014-05-05
  • 詳談js中數(shù)組(array)和對象(object)的區(qū)別

    詳談js中數(shù)組(array)和對象(object)的區(qū)別

    下面小編就為大家?guī)硪黄斦刯s中數(shù)組(array)和對象(object)的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-02-02
  • javascript 類方法定義還是有點區(qū)別

    javascript 類方法定義還是有點區(qū)別

    這兩個定義都可以，不過后者對FF貌似好一些，前者在FF下可能出現(xiàn)missing before formal parameters錯誤，導(dǎo)致js無法執(zhí)行。
    2009-04-04
  • javascript顯示隱藏層比較不錯的方法分析

    javascript顯示隱藏層比較不錯的方法分析

    通常的解決辦法是把“答案”當(dāng)作整個問題容器的子元素，然后點擊父元素上的按鈕后展開對應(yīng)的子元素。通過父子元素的對應(yīng)關(guān)系來匹配標(biāo)題和答案。
    2008-09-09
  • 通過大白話理解微信小程序獲取授權(quán)

    通過大白話理解微信小程序獲取授權(quán)

    最近由于公司需要研究了一下微信小程序的開發(fā),特此記錄一下小程序獲取授權(quán)的流程,便于自己理解,下面這篇文章主要給大家介紹了關(guān)于如何通過大白話理解微信小程序獲取授權(quán)的相關(guān)資料,需要的朋友可以參考下
    2022-12-12
  • JavaScript圣杯布局與雙飛翼布局實現(xiàn)案例詳解

    JavaScript圣杯布局與雙飛翼布局實現(xiàn)案例詳解

    這篇文章主要介紹了JavaScript圣杯布局與雙飛翼布局實現(xiàn)案例，這是前端面試中需要掌握的知識點，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-08-08
  • js調(diào)試系列 初識控制臺

    js調(diào)試系列 初識控制臺

    這篇文章的目的只是讓你認(rèn)識控制臺，讓你入門調(diào)試js，之后的路還得靠你們自己走
    2014-06-06
  • JS如何使用剪貼板操作Clipboard API

    JS如何使用剪貼板操作Clipboard API

    瀏覽器允許JavaScript腳本讀寫剪貼板，自動復(fù)制或粘貼內(nèi)容。一般來說，腳本不應(yīng)該改動用戶的剪貼板，以免不符合用戶的預(yù)期。但是，有些時候這樣做確實能夠帶來方便，比如"一鍵復(fù)制"功能，用戶點擊一下按鈕，指定的內(nèi)容就自動進(jìn)入剪貼板。本文將介紹3種方法來實現(xiàn)。
    2021-05-05
  • JavaScript 如何在線解壓 ZIP 文件

    JavaScript 如何在線解壓 ZIP 文件

    本文將介紹瀏覽器解壓和服務(wù)器解壓兩種在線解壓ZIP文件的方案。幫助大家用JavaScript實現(xiàn)在線解壓，感興趣的朋友可以參考下
    2021-05-05

最新評論