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

Stop url action when if no connection

本文关键字：url 操作 连接 如果没有      更新时间：2023-10-24

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

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

要做到这一点，您需要在页面上的所有链接中添加一个点击事件侦听器。然后在单击处理程序中检查客户端是否处于脱机状态。如果是这种情况，活动将被取消，我们将向用户显示一条警告消息。

它的实现看起来像：

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!');
    }
}

点击按钮调用一个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");
}
}

FIDDLE

$(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
          }
          })
          })
相关文章：