Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

ブラウザがJavaScriptでオンラインかオフラインかを検出する方法は?


ブラウザがJavaScriptでオンラインかオフラインかを検出するためのコードは、次のとおりです-

<!DOCTYPE html>
<html>
<body>
<h1>Online or offline with JavaScript example</h1>
<h2>Click the button below to check if you are online or not</h2>
<button onclick="checkOnlineOffline()">Check online/offline</button>
<h2 class="sample"></p>
<script>
   function checkOnlineOffline() {
      if(navigator.onLine===true){
         document.querySelector('.sample').innerHTML = "You are connected to internet"
      } else {
         document.querySelector('.sample').innerHTML = "You are not connected to internet"
      }
   }
</script>
</body>
</html>

出力

上記のコードは次の出力を生成します-

ブラウザがJavaScriptでオンラインかオフラインかを検出する方法は?

「オンライン/オフラインの確認」ボタンをクリックすると-

ブラウザがJavaScriptでオンラインかオフラインかを検出する方法は?


  1. JavaScriptでボタンがクリックされているかどうかを確認するにはどうすればよいですか?

    以下は、JavaScriptを使用してボタンがクリックされたかどうかを確認するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <s

  2. JavaScriptで画面解像度を検出する方法は?

    画面の解像度を検出するには、window.screenの概念を使用します。 幅は以下を使用してください- window.screen.availWidth 高さの場合- window.screen.availHeight 以下は、画面解像度を検出するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt