HTML JavaScript
जावास्क्रिप्ट HTML पेजों को अधिक गतिशील और इंटरैक्टिव बनाता है।
Example
My First JavaScript
Click me to display Date and Time
The HTML <script> Tag
HTML <script> टैग का उपयोग ब्रांच-साइड स्क्रिप्ट (जावास्क्रिप्ट) को परिभाषित करने के लिए किया जाता है।
<स्क्रिप्ट> तत्व में स्क्रिप्ट स्टेटमेंट हो सकते हैं, या src विशेषता के माध्यम से बाहरी स्क्रिप्ट फ़ाइल को इंगित कर सकते हैं।
जावास्क्रिप्ट के सामान्य अनुप्रयोग छवि प्रबंधन, चरण सत्यापन और सामग्री के गतिशील परिवर्तन हैं।
HTML तत्व का चयन करने के लिए जावास्क्रिप्ट अक्सर document.getElementById() विधि का उपयोग करता है।
यह जावास्क्रिप्ट उदाहरण कहता है "हैलो जावास्क्रिप्ट!" वह HTML तत्व के अंदर id='demo' के साथ लिखता है:
Example
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
सहायता नोट:
हमारे जावास्क्रिप्ट ट्यूटोरियल में जावास्क्रिप्ट के बारे में और जानें।
A Taste of JavaScript
यहां कुछ उदाहरण दिए गए हैं कि जावास्क्रिप्ट क्या कर सकता है:
Example
जावास्क्रिप्ट सामग्री को इसके द्वारा बदला जा सकता है:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
Example
जावास्क्रिप्ट शैलियों को बदला जा सकता है:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
Example
जावास्क्रिप्ट विशेषताएँ बदली जा सकती हैं:
document.getElementById("image").src = "picture.gif";
The HTML <noscript> Tag
HTML <noscript> टैग प्रतिस्थापन सामग्री को उन उपयोगकर्ताओं को प्रदर्शित करने के लिए परिभाषित करता है जिनके ब्राउज़र में स्क्रिप्ट अक्षम हैं या उन उपयोगकर्ताओं के लिए जिनका ब्राउज़र स्क्रिप्ट का समर्थन नहीं करता है:
Example
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
Exercise
In which HTML element do we put JavaScripts?
HTML Script Tags
| Tag | Description |
|---|---|
<script> |
एक शाखा-पक्ष स्क्रिप्ट को परिभाषित करता है |
<noscript> |
उन उपयोगकर्ताओं के लिए प्रतिस्थापन सामग्री को परिभाषित करता है जो शाखा-साइड स्क्रिप्ट का समर्थन नहीं करते हैं |
सहायता नोट:
सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएँ।