你可以尝试发送XHR请求几次，然后如果你得到错误，这意味着有一个问题与互联网连接。

我写了一个jQuery插件来做这个。默认情况下，它检查当前URL(因为已经从Web加载了一次)，或者您可以指定一个URL作为参数使用。总是向谷歌请求不是最好的主意，因为它在不同的国家在不同的时间被阻止。另外，你可能会受到当天特定海洋/天气前沿/政治气候的影响。

http://tomriley.net/blog/archives/111

你可以尝试发送XHR请求几次，然后如果你得到错误，这意味着有一个问题与互联网连接。

5年后的版本:

今天，如果你不想深入了解本页所描述的不同方法的细节，就可以找到适合你的JS库。

其中一个是https://github.com/hubspot/offline。它检查预定义URI的连通性，默认情况下是您的favicon。当用户的连接重新建立时，它会自动检测，并提供up和down等整洁的事件，您可以将其绑定以更新UI。

我有一个解决办法，在这里工作，检查是否有网络连接:

$.ajax({
    url: "http://www.google.com",
    context: document.body,
    error: function(jqXHR, exception) {
        alert('Offline')
    },
    success: function() {
        alert('Online')
    }
})

发送XHR请求很糟糕，因为如果特定的服务器宕机，它可能会失败。相反，使用google的API库来加载他们的jQuery缓存版本。

你可以使用google API在加载jQuery后执行回调，这将检查jQuery是否加载成功。类似下面的代码应该可以工作:

<script type="text/javascript">
    google.load("jquery");

    // Call this function when the page has been loaded
    function test_connection() {
        if($){
            //jQuery WAS loaded.
        } else {
            //jQuery failed to load.  Grab the local copy.
        }
    }
    google.setOnLoadCallback(test_connection);
</script>

谷歌API文档可以在这里找到。