HTML JavaScript

HTML जावास्क्रिप्ट पर एक ट्यूटोरियल

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?

<java>
✗ ग़लत! <java> एक मान्य HTML टैग नहीं है.
<javascript>
✗ ग़लत! <जावास्क्रिप्ट> एक मान्य HTML टैग नहीं है.
<script>
✓ ठीक है! <script> टैग का उपयोग जावास्क्रिप्ट कोड डालने के लिए किया जाता है।

HTML Script Tags

Tag Description
<script> एक शाखा-पक्ष स्क्रिप्ट को परिभाषित करता है
<noscript> उन उपयोगकर्ताओं के लिए प्रतिस्थापन सामग्री को परिभाषित करता है जो शाखा-साइड स्क्रिप्ट का समर्थन नहीं करते हैं

सहायता नोट:

सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएँ।