直接上代码
<!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事件 然后 我们就可以写 自己的逻辑 比如弹窗 或者 跳页