javascript檢測是否連網的實現代碼，javascript連網

javascript檢測是否連網的實現代碼，javascript連網

最簡單粗暴的方式就是載入網路資源，JS檔案或者圖片檔案。

複製代碼 代碼如下:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
typeof window.jQuery === "undefined" // return false or ture

用jQuery變數來檢測是否連網

function doConnectFunction() {  return true;}function doNotConnectFunction() {  return false;} var i = new Image();i.onload = doConnectFunction;i.onerror = doNotConnectFunction;i.src = 'http://su.bdimg.com/static/superplus/img/logo_white.png?d=' + escape(Date());

載入網路資源的問題就是檢測的互連網，如果是區域網路檢測是無能為力了。
這時候需要一個更好的解決方案，就要用到navigator.onLine，這個屬性比較坑的就是瀏覽器安全色，chrome、Safari 都完美支援，IE7以上是支援的。Firefox和IE6比較坑，只有在瀏覽器“離線狀態”下才返回false，其他都返回true。掐了網線都是true，Opera直接不支援了。

所以還得加一個相容方法：給location.hostname地址發一個http頭請求，代碼如下：

var xhr = new ( window.ActiveXObject || XMLHttpRequest )( "Microsoft.XMLHTTP" );var status;xhr.open( "HEAD", "//" + window.location.hostname + "/?rand=" + Math.floor((1 + Math.random()) * 0x10000), false ); try {  xhr.send();  return ( xhr.status >= 200 && xhr.status < 300 || xhr.status === 304 ); } catch (error) {  return false; }

裡面一個要注意的就是open方法的第三個參數要傳false，必須是同步請求。

總結：支援navigator.onLine的瀏覽器就用navigator.onLine，不支援的就發一個http頭請求。

原創文章，轉載請註明： 轉載自前端開發

問用javascript檢測網路是否連通 怎判斷？

if(window.navigator.onLine==true){

//Online

}
else{

//Offline

}
 
javascript檢測使用者輸入資訊問題

1. 用戶端檢測使用者輸入可以使用指令碼檢測，email和英文字母使用Regex就可以了。
檢查函數：
function CheckForm()
{
return email.value!=""&&name.value!=""&&(/^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/gi).test(email.value)&&(/[a-zA-Z]/).test(name.value);
}
在form的onsubmit事件裡面寫上 onsubmit="return CheckForm()"
2. 為了保證安全，假設用戶端輸入的代碼全部不正確，還需要做服務端驗證，在servlet接受提交資料後驗證Email和name的正確性。如果不正確，返回提示資訊。
3. 只有通過服務端驗證的輸入才能被儲存到database