JavaScript检测是否联网的实现涉及到多种技术与方法，这主要是因为网络状态的复杂性以及不同浏览器对网络状态API的支持程度不同。我们可以根据给定的文件内容，总结如下几点重要的知识点。
1. 使用网络资源加载检测
JavaScript可以通过尝试加载网络资源来检测设备是否联网。通常，这可以通过尝试加载一个外部的JS文件或者图片资源来完成。比如，代码中的`<script src="//***/ajax/libs/jquery/1.10.2/jquery.min.js"></script>`，就是尝试加载一个远程的jQuery库。如果设备无法访问网络，`window.jQuery`将会是`undefined`。
此外，还可以通过创建一个新的Image对象并设置其`src`属性为一个远程图片资源来检测网络状态。如果图片加载成功，则`onload`事件会被触发，代表网络可用；如果加载失败，则`onerror`事件会被触发，代表网络不可用。这种方法虽然简单，但存在一个问题：如果设备处于局域网内且无法访问外部网络，这种方法将无法正确判断设备是否真正连接到互联网。
2. 使用`navigator.onLine`属性检测
现代浏览器提供了一个更为方便的属性`navigator.onLine`来检测设备的网络状态。当设备处于离线状态时，`navigator.onLine`的值为`false`；在线状态时则为`true`。需要注意的是，这个属性在不同浏览器上的支持程度存在差异。例如，大多数现代浏览器如Chrome和Safari都完全支持`navigator.onLine`属性。而Internet Explorer从IE7开始支持，Firefox和IE6只会在浏览器处于脱机模式时返回`false`，其他情况下都是`true`，即使设备实际上没有连接到互联网也是如此。
3. 兼容性的处理方法
由于`navigator.onLine`属性的兼容性问题，我们通常需要实现一个兼容性的检测方法。文件内容中提到了一个兼容性的解决方案，即使用XMLHttpRequest对象发送一个HEAD请求到当前的域名。由于HEAD请求只请求头信息而不下载实际的内容，因此这种方法比加载整个资源更为高效。如果服务器成功响应 HEAD 请求并且状态码在200到299之间或者为304，那么我们可以认为设备是联网的。如果请求失败或者响应的状态码不符合预期，则可以认为设备未联网。
在使用XMLHttpRequest时，需要特别注意`open`方法的第三个参数，这个参数决定了请求是同步还是异步。文件内容建议设置为`false`，即进行同步请求，因为这样可以确保在检测网络状态时不会被其他任务打断。同步请求会让浏览器阻塞，直到请求完成，从而确保检测的结果是准确的。
总结起来，检测JavaScript设备是否联网可以通过多种方式实现，包括加载网络资源和使用`navigator.onLine`属性。当使用`navigator.onLine`属性时需要注意其兼容性问题，因此，基于XMLHttpRequest发送HEAD请求是解决兼容性问题的一个有效方案。需要注意的是，由于浏览器对网络状态的检测各有差异，因此在实现检测功能时，应该仔细测试以确保功能在各种环境下的可用性和准确性。
