एचटीएमएल जावास्क्रिप्ट
जावास्क्रिप्ट HTML पृष्ठों को अधिक गतिशील और इंटरैक्टिव बनाता है।
उदाहरण
My First JavaScript
एचटीएमएल <स्क्रिप्ट> टैग
HTML <script>
टैग का उपयोग क्लाइंट-साइड स्क्रिप्ट (JavaScript) को परिभाषित करने के लिए किया जाता है।
<script>
तत्व में या तो स्क्रिप्ट स्टेटमेंट होते हैं, या यह विशेषता के माध्यम से बाहरी स्क्रिप्ट फ़ाइल को इंगित करता है src
।
जावास्क्रिप्ट के लिए सामान्य उपयोग छवि हेरफेर, प्रपत्र सत्यापन और सामग्री के गतिशील परिवर्तन हैं।
एक HTML तत्व का चयन करने के लिए, जावास्क्रिप्ट अक्सर
document.getElementById()
विधि का उपयोग करता है।
यह जावास्क्रिप्ट उदाहरण "हैलो जावास्क्रिप्ट!" लिखता है। आईडी = "डेमो" के साथ एक HTML तत्व में:
उदाहरण
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
युक्ति: आप हमारे जावास्क्रिप्ट ट्यूटोरियल में जावास्क्रिप्ट के बारे में और जान सकते हैं ।
जावास्क्रिप्ट का स्वाद
जावास्क्रिप्ट क्या कर सकता है इसके कुछ उदाहरण यहां दिए गए हैं:
उदाहरण
जावास्क्रिप्ट सामग्री बदल सकता है:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
उदाहरण
जावास्क्रिप्ट शैलियों को बदल सकता है:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
उदाहरण
जावास्क्रिप्ट विशेषताओं को बदल सकता है:
document.getElementById("image").src = "picture.gif";
एचटीएमएल <noscript> टैग
HTML <noscript>
टैग उन उपयोगकर्ताओं को प्रदर्शित होने वाली वैकल्पिक सामग्री को परिभाषित करता है जिनके ब्राउज़र में स्क्रिप्ट अक्षम हैं या जिनके पास स्क्रिप्ट का समर्थन नहीं करने वाला ब्राउज़र है:
उदाहरण
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
एचटीएमएल व्यायाम
HTML स्क्रिप्ट Tags
Tag | Description |
---|---|
<script> | Defines a client-side script |
<noscript> | Defines an alternate content for users that do not support client-side scripts |
सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएं ।