使用js簡單當前電腦是否聯網程式碼例項

antzone發表於2017-03-29
JS

本章節介紹一下如何簡單當前的電腦是否處於聯網狀態。

這個需求在實際應用中也是比較常見的，下面做一下簡單介紹，需要的朋友可以做一下參考，一定還有更好的方式，希望大家能夠分享一下，廢話不多說，下面進入正題 。

這個非常的簡單，只要檢測一下是否可以網路上的資源就可以了，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
function check(){
  return typeof window.jQuery === "undefined";
}
window.onload=function(){
  var odiv=document.getElementById("antzone");
  if(check()){
    odiv.innerHTML="沒有連線到網路";
  }
  else{
    odiv.innerHTML="連線到網路";
  }
}
</script>
</head>
<body>
<div id="antzone"></div>
</body>
</html>

上面的程式碼實現了檢測功能，非常的簡單這裡就不多介紹了。

雖然提供了一個navigator.onLine提供了這麼一個檢測功能，但是存在一定的相容性問題，如下:

1.谷歌和Safari瀏覽器是支援的。

2.IE瀏覽器支援。

3.火狐瀏覽器不支援。

在火狐瀏覽器中，只有在離線狀態才會返回false，設定沒有連線網線都會返回true。

關於navigator.onLine可以參閱navigator.onLine用法簡單介紹一章節。

相關文章