जावास्क्रिप्ट कहाँ जाना है
<स्क्रिप्ट> टैग
HTML में, JavaScript कोड <script>
और </script>
टैग के बीच डाला जाता है।
उदाहरण
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
पुराने जावास्क्रिप्ट उदाहरण एक प्रकार की विशेषता का उपयोग कर सकते हैं: <script type="text/javascript">।
प्रकार विशेषता की आवश्यकता नहीं है। जावास्क्रिप्ट HTML में डिफ़ॉल्ट स्क्रिप्टिंग भाषा है।
जावास्क्रिप्ट कार्य और घटनाक्रम
एक जावास्क्रिप्ट function
जावास्क्रिप्ट कोड का एक ब्लॉक है, जिसे "कॉल" करने पर निष्पादित किया जा सकता है।
उदाहरण के लिए, जब कोई घटना घटित होती है, जैसे कि जब उपयोगकर्ता किसी बटन पर क्लिक करता है, तो फ़ंक्शन को कॉल किया जा सकता है।
आप बाद के अध्यायों में कार्यों और घटनाओं के बारे में और जानेंगे।
<head> या <body> . में JavaScript
आप HTML दस्तावेज़ में कितनी भी स्क्रिप्ट रख सकते हैं।
<body>
लिपियों को , या <head>
HTML पृष्ठ के अनुभाग में, या दोनों में रखा जा सकता है ।
<head> . में जावास्क्रिप्ट
इस उदाहरण में, एक HTML पृष्ठ के अनुभाग function
में एक जावास्क्रिप्ट रखा गया है ।<head>
जब एक बटन क्लिक किया जाता है तो फ़ंक्शन को बुलाया जाता है (कहा जाता है):
उदाहरण
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h2>Demo JavaScript in Head</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
</html>
<बॉडी> . में जावास्क्रिप्ट
इस उदाहरण में, एक HTML पृष्ठ के अनुभाग function
में एक जावास्क्रिप्ट रखा गया है ।<body>
जब एक बटन क्लिक किया जाता है तो फ़ंक्शन को बुलाया जाता है (कहा जाता है):
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h2>Demo JavaScript in Body</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>
स्क्रिप्ट को <बॉडी> एलिमेंट के नीचे रखने से डिस्प्ले स्पीड में सुधार होता है, क्योंकि स्क्रिप्ट इंटरप्रिटेशन डिस्प्ले को धीमा कर देता है।
बाहरी जावास्क्रिप्ट
लिपियों को बाहरी फाइलों में भी रखा जा सकता है:
बाहरी फ़ाइल: myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
बाहरी स्क्रिप्ट तब व्यावहारिक होती हैं जब एक ही कोड कई अलग-अलग वेब पेजों में उपयोग किया जाता है।
JavaScript फ़ाइलों में फ़ाइल एक्सटेंशन .js होता है ।
बाहरी स्क्रिप्ट का उपयोग करने के लिए, स्क्रिप्ट फ़ाइल का नाम टैग की src
(स्रोत) विशेषता में <script>
रखें:
उदाहरण
<script src="myScript.js"></script>
आप एक बाहरी स्क्रिप्ट संदर्भ को अपनी पसंद के अनुसार रख सकते <head>
हैं <body>
।
स्क्रिप्ट ऐसा व्यवहार करेगी मानो वह ठीक वहीं स्थित है जहां <script>
टैग स्थित है।
बाहरी स्क्रिप्ट में <script>
टैग नहीं हो सकते।
बाहरी जावास्क्रिप्ट लाभ
स्क्रिप्ट को बाहरी फाइलों में रखने के कुछ फायदे हैं:
- यह HTML और कोड को अलग करता है
- यह HTML और JavaScript को पढ़ने और बनाए रखने में आसान बनाता है
- कैश्ड जावास्क्रिप्ट फाइलें पेज लोड को तेज कर सकती हैं
एक पृष्ठ पर कई स्क्रिप्ट फ़ाइलें जोड़ने के लिए - कई स्क्रिप्ट टैग का उपयोग करें:
उदाहरण
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>
बाहरी संदर्भ
एक बाहरी स्क्रिप्ट को 3 अलग-अलग तरीकों से संदर्भित किया जा सकता है:
- एक पूर्ण URL (एक पूर्ण वेब पता) के साथ
- फ़ाइल पथ के साथ (जैसे/जेएस/)
- बिना किसी रास्ते के
यह उदाहरण myScript.js से लिंक करने के लिए एक पूर्ण URL का उपयोग करता है:
उदाहरण
<script src="https://www.w3schools.com/js/myScript.js"></script>
यह उदाहरण myScript.js से लिंक करने के लिए फ़ाइल पथ का उपयोग करता है:
उदाहरण
<script src="/js/myScript.js"></script>
यह उदाहरण myScript.js से लिंक करने के लिए किसी पथ का उपयोग नहीं करता है:
उदाहरण
<script src="myScript.js"></script>
आप फ़ाइल पथों के बारे में और अधिक अध्याय HTML फ़ाइल पथ में पढ़ सकते हैं ।