जेसक्रिप्ट उपयोग

<script> टैग

HTML में，जेसक्रिप्ट कोड को अनिवार्य रूप से <script> साथ </script> टैग के बीच में。

इन्स्टांस

<script>
document.getElementById("demo").innerHTML = "मेरा पहला जेसकैप्टर जेसक्रिप्ट";
</script>

स्वयं प्रयोग कर सकते हैं

टिप्पणी:पुराने जावास्क्रिप्ट उदाहरण इसके इस्तेमाल कर सकते हैं टाइप विशेषता: <script type="text/javascript">।

टिप्पणी:टाइप पैरामीटर आवश्यक नहीं है।जावास्क्रिप्ट एचटीएमएल में डिफ़ॉल्ट स्क्रिप्ट भाषा है।

जावास्क्रिप्ट फ़ंक्शन और इवेंट

जावास्क्रिप्ट फ़ंक्शनयह जावास्क्रिप्ट का एक ब्लॉक है, जो बुलाया जाने पर चल सकता है।

उदाहरण के लिए, जबइवेंटइवेंट को क्लिक किए जाने पर फ़ंक्शन बुलाया जाएगा, जैसे कि बटन को क्लिक किए जाने पर।

सूचना:आप बाद में फ़ंक्शन और इवेंट के बारे में अधिक जानेंगे।

<head> या <body> में जावास्क्रिप्ट

आप HTML दस्तावेज़ में किसी भी संख्या के स्क्रिप्ट रख सकते हैं।

स्क्रिप्ट जावास्क्रिप्ट पृष्ठ के <body> या <head> भाग में, या दोनों के बीच रखा जा सकता है।

<head> में जावास्क्रिप्ट

इस उदाहरण में, जावास्क्रिप्ट फ़ंक्शन HTML पृष्ठ के <head> भाग。

यह फ़ंक्शन बटन को क्लिक किए जाने पर बुलाया जाएगा:

इन्स्टांस

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "सदिच्छा बदला है.";
}
</script>
</head>
<body>
<h1>एक वेब पृष्ठ</h1>
<p id="demo">एक पैराग्राफ</p>
<button type="button" onclick="myFunction()">साबित करें</button>
</body>
</html>

स्वयं प्रयोग कर सकते हैं

<body> में जावास्क्रिप्ट

इस उदाहरण में, जावास्क्रिप्ट फ़ंक्शन HTML पृष्ठ के <body> भाग。

यह फ़ंक्शन बटन को क्लिक किए जाने पर बुलाया जाएगा:

इन्स्टांस

<!DOCTYPE html>
<html>
<body> 
<h1>एक वेब पृष्ठ</h1>
<p id="demo">एक पैराग्राफ</p>
<button type="button" onclick="myFunction()">साबित करें</button>
<script>
function myFunction() {
   document.getElementById("demo").innerHTML = "सदिच्छा बदला है.";
}
</script>
</body>
</html>

स्वयं प्रयोग कर सकते हैं

सूचना:स्क्रिप्ट को <body> एलिमेंट के नीचे, जिससे प्रदर्शनी गति में सुधार होता है क्योंकि स्क्रिप्ट का कम्पाइलिंग प्रदर्शन को धीमा कर सकता है।

बाहरी स्क्रिप्ट

स्क्रिप्ट बाहरी फ़ाइल में रखा जा सकता है:

बाहरी फ़ाइल: myScript.js

function myFunction() {
   document.getElementById("demo").innerHTML = "सदिच्छा बदला है.";
}

बाहरी स्क्रिप्ट बहुत उपयोगी है, अगर एक ही स्क्रिप्ट कई अलग-अलग वेब पृष्ठों में इस्तेमाल किया जाता है।

जावास्क्रिप्ट फ़ाइल का फ़ाइल एक्सटेंशन यह है .js।

यदि आप बाहरी स्क्रिप्ट का इस्तेमाल करना चाहते हैं, तो <script> टैग का src स्रोत) पैरामीटर में स्क्रिप्ट का नाम सेट कर सकते हैं:

इन्स्टांस

<script src="myScript.js"></script>

स्वयं प्रयोग कर सकते हैं

आप <head> या <body> बाहरी स्क्रिप्ट की संदर्भ जोड़ा गया है।

इस स्क्रिप्ट का प्रदर्शन इसके जिसमें <script> टैग में एक ही है।

टिप्पणी:बाहरी स्क्रिप्ट अन्याय में शामिल नहीं हो सकता है <script> टैग।

बाहरी जावास्क्रिप्ट के फायदे

बाहरी फ़ाइल में स्क्रिप्ट रखने के फायदे हैं:

  • एचटीएमएल और कोड को अलग कर देते हैं
  • एचटीएमएल और जावास्क्रिप्ट को पढ़ने और रखरखाव करने में आसान बनाते हैं
  • सहेजे गए जावास्क्रिप्ट फ़ाइल वेब पृष्ठ को तेजी से लोड करते हैं

एक पृष्ठ में कई स्क्रिप्ट फ़ाइलों को जोड़ने के लिए - कई script टैग का उपयोग करें:

इन्स्टांस

<script src="myScript1.js"></script>
<script src="myScript2.js"></script>

बाहरी उद्धृत

बाहरी स्क्रिप्ट को पूर्ण यूआरएल या वर्तमान वेब पृष्ठ के तुलना में सापेक्षिक पथ से उद्धृत किया जा सकता है:

इस इन्स्टांस में पूर्ण यूआरएल के द्वारा स्क्रिप्ट को जोड़ा गया है:

इन्स्टांस

<script src="https://www.codew3c.com/js/myScript1.js"></script>

स्वयं प्रयोग कर सकते हैं

इस इन्स्टांस में वर्तमान साइट में निर्दिष्ट फ़ोल्डर में स्क्रिप्ट इस्तेमाल किया गया है:

इन्स्टांस

<script src="/js/myScript1.js"></script>

स्वयं प्रयोग कर सकते हैं

इस इन्स्टांस में वर्तमान पृष्ठ के अभी तक के फ़ोल्डर में स्क्रिप्ट जोड़ा गया है:

इन्स्टांस

<script src="myScript1.js"></script>

स्वयं प्रयोग कर सकते हैं

आप इसमें एचटीएमएल फ़ाइल पथफ़ाइल पथ के बारे में अधिक जानकारी लें。