当网络从离线变为在线或者从在线变为离线时，分别触发这两个事件

window.addEventListener("online", function () {
    //当联网的时候触发的回调
}, false);

window.addEventListener("offline", function () {
    //当断网的时候触发的回调
}, false);

另外window.navigator.onLine可以检测页面首次加载的时候是否联网，值为true或false

更加兼容的写法

var EventUtil = {
    addHandler: function(element, type, handler) {
        if (element.addEventListener) {
            element.addEventListener(type, handler, false);
        } else if (element.attachEvent) {
            element.attachEvent("on" + type, handler);
        } else {
            element["on" + type] = handler;
        }
    }
};

EventUtil.addHandler(window, "online", function() {
    console.log("Online");
});
EventUtil.addHandler(window, "offline", function() {
    console.log("Offline");
});