JavaScript कहाँ , कैसे प्रयोग करें
<script> Tag
HTML में , JavaScript code को <script> और </script> tags के बीच लिखना चाहिए.
उदाहरण
<script>
document.getElementById("first").innerHTML = "मेरा पहला JavaScript";
</script>
पुराने JavaScript के उदाहरणों में हो सकता है कि आपको type attribute: <script type="text/javascript">.
देखने को मिल जाए
लेकिन टाइप attribute आवश्यक नहीं है. क्योंकि HTML में JavaScript default scripting language होता है.
JavaScript के Functions और Events
JavaScript function JavaScript code का एक ब्लॉक होता है,यह तब Execute होता है जब इसके लिए "call" किया जाता है.
उदाहरण के लिए, एक फंक्शन तब काल होता है जब कोई event होता है , जैसे कि जब यूजर कोई button क्लिक करता है .
आप हमारे आने वाले Lessons में functions और events के बारे में अलग से पढ़ने वाले हैं .
JavaScript <head> या <body> में
पहली बात तो आप HTML document में कितनी भी संख्या में scripts रख सकते हैं | .
जिसका सीधा मतलब है कि आप Scripts को HTML page के<body>, या <head> section में रख सकते हैं, या आप चाहे तो दोनों जगह भी रह सकते हैं मतलब कि head सेक्शन में भी और body सेक्शन में.
JavaScript <head> में
इस उदाहरण में, JavaScript function को HTML page के<head> section में रखा गया है
.
अब इवेंट को यहीं देख लीजिये , function तब invoke (call) होगा जब button में click किया जाएगा:
उदाहरण
<!DOCTYPE html>
<html><head>
<script>
function paragraphBadlo() {
document.getElementById("first").innerHTML = "पैराग्राफ बदल गया";
}
</script>
</head>
<body>
<h1> Web Page</h1>
<p id="first"> पैराग्राफ</p>
<button type="button" onclick="paragraphBadlo()">क्लिक करें </button>
</body>
</html>
JavaScript <body> में
इस उदाहरण में , JavaScript function को HTML page के <body> section में रखा गया है.
function तब invoke (call) होगा जब button में click किया जाएगा:
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1> Web Page</h1>
<p id="first"> पैराग्राफ</p>
<button type="button" onclick="paragraphBadlo()">क्लिक करें </button>
<script>
function paragraphBadlo() {
document.getElementById("first").innerHTML = "पैराग्राफ बदल गया.";
}
</script>
</body>
</html>
scripts को <body> element के सबसे नीचे रखकर display Speed में सुधार किया जा सकता है, क्योंकि script का interpretation display स्पीड को धीमा कर देता है.
External JavaScript
Scripts को external files में रखा जा सकता:
External file: myExternalScript.js
function paragraphBadlo() {
document.getElementById("first").innerHTML = "पैराग्राफ बदल गया.";
}
External scripts तब बहुत उपयोगी हो जाता है जब एक ही कोड को बहुत जगह विभिन्न web pages में प्रयोग करना होता है.
JavaScript files file extension .js होता है.
External script को प्रयोग करने के लिए, script file को <script> tag के src (source) attribute के अंदर लिखिए:
उदाहरण
<script src="myExternalScript.js"></script>
आप external script reference(सन्दर्भ ,संकेत) को <head> या<body> में कहीं भी रह सकते हैं जैसे आपको पसंद हो|.
script उसी तरह काम करेगी जैसे कि वह यहीं स्थित है जहां पर <script> tag स्थित है
एक बात ध्यान दीजिए External scripts मैं<script> tags नहीं लिखना होता है अगर आप धोखे से लिख देते हैं तो Script interpret नहीं होगी अर्थात वह काम नहीं करेगा.
External JavaScript के फायदे
scripts को external files में रखने के कुछ फायदे हैं जैसे कि:
- इससे HTML और code अलग अलग रहते हैं
- इससे HTML और JavaScript को पढ़ने और maintain में आसानी होती है
- Cached JavaScript files page load स्पीड को बढ़ा सकती है
विभिन्न script files को एक page में रखने के लिए - विभिन्न script tags का प्रयोग कीजिए इस प्रकार से :
उदाहरण
<script src="myExternalScript1.js"></script>
<script src="myExternalScript2.js"></script>
External References
External scripts का आप चाहे तो full URL दे सकते हैं या current web Page के relative path दे सकते हैं. Files के path के बारे में अधिक जानकारी के लिए आप हमारे HTML lessonमैं FILE PATHS HTML देख सकते हैं
Script से लिंक करने के लिए इस उदाहरण में full URL का प्रयोग किया गया है:
उदाहरण
<script src="https://www.example.com/js/myExternalScript1.js"></script>
इस उदाहरण में website के किसी खास फोल्डर में स्थित script का path दिया गया है जैसे कि इस उदाहरण में आप देख पा रहे होंगे myExternalScript.js website के js फोल्डर में स्थित है:
उदाहरण
<script src="/js/myExternalScript.js"></script>
इस उदाहरण में Script उसी location में स्थित है जहां वर्तमान page स्थित है:
उदाहरण
<script src="myExternalScript.js"></script>
जैसे कि हमने पहले ही बता दिया है आप HTMLFilePaths के बारे में अधिक जानकारी हमारे HTML lesson से ले सकते हैं .
0 टिप्पणियाँ
आपके सुझाव सादर आमंत्रित है