Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

HTML डॉक्यूमेंट्स में JavaScript कैसे शामिल करें


HTML डॉक्यूमेंट्स में JavaScript शामिल करने के लिए, <script> टैग का उपयोग करें। JavaScript को <script>... </script> के भीतर रखे JavaScript स्टेटमेंट्स का उपयोग करके इम्प्लीमेंट किया जा सकता है।

आप अपने वेब पेज में कहीं भी <script> टैग्स रख सकते हैं, जिनमें आपका JavaScript होता है, लेकिन यह आमतौर पर अनुशंसित है कि आप इसे <head> टैग्स के भीतर रखें।

आइए "Hello World" प्रिंट करने का एक सैंपल उदाहरण लें। हमने एक वैकल्पिक HTML कमेंट जोड़ा है जो हमारे JavaScript कोड को घेरता है। यह हमारे कोड को उस ब्राउज़र से बचाने के लिए है जो JavaScript सपोर्ट नहीं करता। कमेंट "//-->" से समाप्त होता है।

यहां "//" JavaScript में एक कमेंट को दर्शाता है, इसलिए हम इसे जोड़ते हैं ताकि ब्राउज़र HTML कमेंट के अंत को JavaScript कोड के टुकड़े के रूप में न पढ़े। अगला, हम एक फंक्शन document.write कॉल करते हैं, जो एक स्ट्रिंग को हमारे HTML डॉक्यूमेंट में लिखता है।

<html>
    <body>
        <script>
            <!--
                document.write("Tutorialspoint")
            //-->
        </script>
    </body>
</html>
  1. JavaScript से HTML लिस्ट कैसे सॉर्ट करें? JavaScript से HTML लिस्ट कैसे सॉर्ट करें?

    HTML लिस्ट (UL/OL) को JavaScript से सॉर्ट करना JavaScript का उपयोग करके HTML लिस्ट को वर्णानुक्रम में सॉर्ट करने का कोड: उदाहरण <!DOCTYPE html> <html> <body> <h1>लिस्ट सॉर्टिंग उदाहरण</h1> <button>क्लिक करके सॉर्ट करें</button> <ul class=animalLis

  1. HTML फाइल में JavaScript कैसे एम्बेड करें? HTML फाइल में JavaScript कैसे एम्बेड करें?

    HTML फाइल में JavaScript एम्बेड करने का निम्नलिखित कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Embed JS in HTM

  1. JavaScript में टेक्स्टबॉक्स का मान कैसे प्रदर्शित करें JavaScript में टेक्स्टबॉक्स का मान कैसे प्रदर्शित करें

    टेक्स्ट बॉक्स से मान निकालने के लिए value का उपयोग करें और पैराग्राफ में innerHTML से प्रदर्शित करें।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>