這篇文章將為大家詳細講解有關(guān)javascript中檢測網(wǎng)絡的方法,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)公司擁有十多年成都網(wǎng)站建設(shè)工作經(jīng)驗,為各大企業(yè)提供網(wǎng)站設(shè)計、成都做網(wǎng)站服務,對于網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)(電腦版網(wǎng)站建設(shè))、app軟件開發(fā)公司、wap網(wǎng)站建設(shè)(手機版網(wǎng)站建設(shè))、程序開發(fā)、網(wǎng)站優(yōu)化(SEO優(yōu)化)、微網(wǎng)站、域名與空間等,憑借多年來在互聯(lián)網(wǎng)的打拼,我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設(shè)計、網(wǎng)絡營銷經(jīng)驗,集策劃、開發(fā)、設(shè)計、營銷、管理等網(wǎng)站化運作于一體,具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項目的能力。
javascript檢測網(wǎng)絡的方法:1、通過navigator去檢測網(wǎng)絡;2、 使用“window.ononline”和“window.onoffline”事件監(jiān)聽瀏覽器的聯(lián)網(wǎng)狀態(tài);3、通過ajax請求檢測網(wǎng)絡。
本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版,DELL G3電腦
JavaScript 判斷網(wǎng)絡狀態(tài)
一、一般來說,判斷網(wǎng)絡狀態(tài)都是用的 HTML5 提供的 navigator 去檢測網(wǎng)絡
或者:
注意:此方法屬于 “偵聽器”,在網(wǎng)絡連接 / 斷開的一瞬間,才會觸發(fā)。
總結(jié):navigator.onLine
和online
、offline
事件卻不是萬能的,在 PC 端時只能判斷無線和網(wǎng)線是否連接,而不能判斷是否有網(wǎng)絡、是否可以上網(wǎng)。
更為安全的做法:
注意,檢測 ononline 事件,要綁定在 window 對象上
attachEvent —— 兼容:IE7、IE8;不兼容 firefox、chrome、IE9、IE10、IE11、safari、opera
addEventListener —— 兼容:firefox、chrome、IE、safari、opera;不兼容 IE7、IE8
推薦學習:《javascript高級教程》
當然這種方法也不是很完美,而且不是很實用,無法很好的區(qū)分是服務器出現(xiàn)故障還是用戶的網(wǎng)絡有問題,但是這確實最有效的方式。
關(guān)于“javascript中檢測網(wǎng)絡的方法”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。