如果互联网不可用，如何在 html 表单中隐藏任何 div

Question

大家好，我想知道如果互联网不可用，是否可以隐藏div。这是代码

if(navigator.onLine) { 
     //show
}
else{
//Hide
} 

提前谢谢。

Answer 1

您可以通过以下方式检查互联网是否已连接

window.onload = checkInternetConnection;
function checkInternetConnection() {
  var isOnLine = navigator.onLine;
   if (isOnLine) {
      alert(connectionMessage);
   } else {
     alert(noConnectionMessage);
   }
}

所以如果isOffline，你可以使用 jquery 来隐藏那个特定的div 像

$('.div_class_name').hide();

和如果在线，请使用

$('.div_class_name').show();

Answer 2

你可以使用JQuery。

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

法典：

    $(document).ready(function(){
      if(navigator.onLine) { 
           $("#element-id").show();
        }
        else{
          $("#element-id").hide();
        } 
    });.