直接上代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
var timeStr = setInterval(function(){
var $img = $('<img src="http://10.**.**.**:*****/uploads/system/user/avatar/30/avatar.png?'+(new Date())+'">')
$img.appendTo('body').css("display","none").load(function(){
console.log("連接成功!")
$(this).remove()
}).error(function(){
console.log("斷網了!")
$(this).remove()
})
},2000)
</script>
</body>
</html>
思路就是利用 頁面打開 就向內網服務器請求一張圖片 然後利用圖片 load後的error事件 當加載內網服務器 無效時 會走error事件 然後 我們就可以寫 自己的邏輯 比如彈窗 或者 跳頁