1. 检测网络连接的事件(注意浏览器的兼容性):
(1) ‘online’:网络已连接
(2) ‘offline’:网络已断开
<style>
body{
margin: 0;
padding: 0;
background-color: #f7f7f7;
}
p{
width: 200px;
height: 40px;
text-align: center;
line-height: 40px;
margin: 0 auto;
color: #fff;
font-size: 24px;
background-color: #000;
display: none;
}
</style>
<body>
<p class="tips"></p>
<script>
window.addEventListener('online',function(){
$('.tips').text('网络已连接').fadeToggle(500).delay(1000).fadeToggle();
})
window.addEventListener('offline',function(){
$('.tips')