废话不多说，测试的时候大家可以断开wifi，在连上查看效果：

<!DOCTYPE html>
<html>
<head>
    <title>network</title>
</head>
<body>

<script type="text/javascript">

//网络状态检测 navigator.onLine
var state = window.navigator.onLine;

// 返回布尔值，网络联通为true，反之为false
if(state){
    alert('在线')
}else{
    alert('离线')
}

//主流浏览器都支持 document.ononline

window.ononline=function(){
    alert('连接上了')
}
window.onoffline=function(){
    alert('断网了')
}

</script>

</body>
</html>