HTML5的离线检测

// HTML5定义了检测设备是否网络连接的 “属性” : navigator.onLine ;
        // 该属性为一布尔值，为true时表示设备在线，为false时表示设备连线 ;
        console.log(navigator.onLine);

        // 除了onLine之外，HTML5还定义了实时检测网络是否连接的两个 “事件” ： online 和 offline ；
        // 这两个事件均是在window对象上触发的；
        // 当设备由在线变为离线时，会触发 offline 事件；
        // 当设备由离线变为在线时，会触发 online 事件；
        console.log(window);
        window.addEventListener('online', function () {
            alert('网络已连接'); // 当设备由离线变为在线时触发
        });
        window.addEventListener('offline', function () {
            alert('网络已断开'); // 当设备由在线变为离线时
        });