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 से ब्राउज़र ऑनलाइन है या ऑफलाइन कैसे पता करें?

"Check online/offline" बटन पर क्लिक करने पर:

JavaScript से ब्राउज़र ऑनलाइन है या ऑफलाइन कैसे पता करें?

  1. JavaScript का उपयोग करके कैनवास पर ड्रॉ कैसे करें? JavaScript का उपयोग करके कैनवास पर ड्रॉ कैसे करें?

    HTML कैनवास पर ड्रॉइंग JavaScript के साथ की जानी है। कैनवास पर ड्रॉ करने से पहले HTML DOM मेथड getElementById() और getContext() का उपयोग करें। उसके लिए, कुछ चरणों का पालन करें: कैनवास एलिमेंट खोजने के लिए getElementById() मेथड का उपयोग करें। getContext() का उपयोग करें, जो कैनवास के लिए ड्रॉइंग ऑब्

  1. JavaScript का उपयोग करके कैसे जांचें कि बटन क्लिक किया गया है? JavaScript का उपयोग करके कैसे जांचें कि बटन क्लिक किया गया है?

    JavaScript का उपयोग करके जांचने का कोड कि बटन क्लिक किया गया है या नहीं:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>B

  1. JavaScript से स्क्रीन रेजोल्यूशन कैसे पता करें? JavaScript से स्क्रीन रेजोल्यूशन कैसे पता करें?

    उदाहरण स्क्रीन रेजोल्यूशन जानने के लिए window.screen ऑब्जेक्ट का उपयोग करें। // चौड़ाई के लिए window.screen.availWidth // ऊंचाई के लिए window.screen.availHeight पूरा कोड: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=devic