Question

我想将脚本绑定到点击答案，以便在没有互联网连接时告诉用户。例如，当用户在page1.html上并点击应该将他带到page2.html的链接时，如果没有互联网连接，则会弹出警报并停止打开page2.html的网址操作。我有这个脚本但它只在页面加载

时才有效

var online = window.navigator.onLine;
if (!online){
    alert('You are not currently connected to the internet. Please try again later.');
}

Answer 1

要执行此操作，您需要向页面上的所有链接添加单击事件侦听器。然后在单击处理程序中检查客户端是否脱机。如果是这种情况，则事件被取消，我们会向用户显示警告消息。

此实现将类似于：

var links = document.querySelectorAll('a')

for (var i = 0; i < links.length; i++)
        links[i].addEventListener("click", handle, false);

function handle(e) {
    if(!navigator.onLine) {
        e.preventDefault();
        alert('You are offline!');
    }
}

Answer 2

$(document).ready(function(){
          $('a').click(function(e){
          e.preventDefault();
          var hrf=$(this).attr('href');
          var online = window.navigator.onLine;
if (!online){
    alert('You are not currently connected to the internet. Please try again later.');
} 
          else{
          window.location.href=hrf
          }
          })
          })

Answer 3

点击按钮调用javascript函数，然后将代码粘贴到该函数中。

<强> HTML

<button onclick="check()">Go to Page 2</button>

<强>的Javascript

function check(){
var online = window.navigator.onLine;
if (!online){
    alert('You are not currently connected to the internet. Please try again later.');
} else{
alert("you are online");
}

}

如果没有连接，则停止url操作

3 个答案:

FIDDLE