如果没有使用 jQuery 的互联网连接，如何获取对话框？

在本文中，我们将看到如何使用 jQuery 检查互联网连接。我们将使用navigator.onLine如果互联网连接可用否则将返回false，这将返回true。

句法：

navigator.onLine

返回：

• True：如果互联网连接可用。
• 错误：如果互联网连接不可用。

示例 1：此示例将检查 Internet 连接是否可用，并在单击按钮时显示警告框。

HTML

  
    
    
    
      $(document).ready(function () {
        // Function to be called on button click
        $("button").click(function () {
  
          // Detecting the internet connection
          var online = navigator.onLine; 
          if (online) {
  
            // Showing alert when connection is available
            $("#message").show().html("Connected!");
          } else {
  
            // Showing alert when connection is not available
            alert("No connection available");
          }
        });
      });
    
  
  
    
      Click the button below to check 
      your internet connection.
    
  
    Check connection
    
    
  

输出：

检查连接

示例 2 ：此示例每 3 秒自动检查一次 Internet 连接。如果没有互联网连接，它将显示警报。

HTML

  
    
    
    
    
  
      // Function to check internet connection
      function checkInternetConnection() {
  
        // Detecting the internet connection
        var online = navigator.onLine;
        if (!online) {
  
          // Showing alert when connection is not available
          $("#message").show().html("No connection available");
        }
      }
  
      // Setting interval to 3 seconds
      setInterval(checkInternetConnection, 3000);
    
  
  
    
      It will automatically check for internet
      connection after every 3 seconds.
    
  
    
    
  

输出：

没有可用的连接