如何判断内外网

最新推荐文章于 2025-03-18 11:56:37 发布

gaoqiang1112

最新推荐文章于 2025-03-18 11:56:37 发布

阅读量1.7k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/gaoqiang1112/article/details/106402856

版权

JavaScript 专栏收录该内容

23 篇文章

订阅专栏

直接上代码

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