有很多方法可以做到这一点:

AJAX请求到您自己的网站。如果请求失败，很有可能是连接有问题。JQuery文档中有关于处理失败AJAX请求的章节。这样做时要注意同源策略，这可能会阻止您访问域外的网站。 你可以在img中添加一个onerror，比如<img src="http://www.example.com/singlepixel.gif" onerror="alert('Connection dead');"/ >。

如果源图像被移动/重命名，此方法也可能失败，并且通常是一个不如ajax选项的选择。

因此，有几种不同的方法来尝试和检测这种情况，没有一种是完美的，但在没有跳出浏览器沙箱并直接访问用户的网络连接状态的能力的情况下，它们似乎是最好的选择。

我认为这是一个非常简单的方法。

var x = confirm("Are you sure you want to submit?");
if (x) {
  if (navigator.onLine == true) {
    return true;
  }
  alert('Internet connection is lost');
  return false;
}
return false;

 if(navigator.onLine){
  alert('online');
 } else {
  alert('offline');
 }

只需使用导航器。如果这是真的，那么你是在线的，否则离线

window.navigator.onLine

是你要找的，但这里要添加的东西很少，首先，如果它是你想要持续检查的应用程序上的一些东西(比如看看用户是否突然脱机，在这种情况下大多数时候是正确的，那么你也需要监听变化)，为此你添加事件监听器到窗口来检测任何变化，为了检查用户是否脱机，你可以这样做:

window.addEventListener("offline", 
  ()=> console.log("No Internet")
);

检查是否在线:

window.addEventListener("online", 
  ()=> console.log("Connected Internet")
);

HTML5应用程序缓存API指定导航器。onLine，目前在IE8测试版中可用，WebKit(例如。Safari)的夜间运行，并且已经在Firefox 3中得到支持