How To Use JavaScript ।।
जावास्क्रिप्ट सीखने के पहले हमें ये जानना अत्यन्त आवश्यक है कि जावास्क्रिप्ट का प्रयोग हम करेंगे कैसे । जावास्क्रिप्ट का प्रयोग दो तरीके से किया जा सकता है । 1- आन्तरिक 2- बाह्य ।
इस पाठ में हम जावास्क्रिप्ट के आन्तरिक व बाह्य दोनों ही तरह के प्रयोग को सीखेंगे ।
जावास्क्रिप्ट का आन्तरिक प्रयोग ।।
Using JavaScript inside HTML Page ।।
जावास्क्रिप्ट का आन्तरिक प्रयोग से आशय जावास्क्रिप्ट का हमारे एचटीएमएल पेज के अन्दर ही प्रयोग करना है । अर्थात् जब हम जावास्क्रिप्ट का सीधा प्रयोग अपने एचटीएमएल पेज के अन्दर करें तो उसे जावास्क्रिप्ट का आन्तरिक प्रयोग कहते हैं ।
वेबपेज में जावास्क्रिप्ट का प्रयोग ।।
Using JavaScript in HTML Web Page ।।
जावास्क्रिप्ट का आन्तरिक प्रयोग करने के लिये हमें जावास्क्रिप्ट कोड को <script> </script> टैग के अन्दर रखना पडता है । इस स्क्रिप्ट को हम एचटीएमएल पेज के <head> </head> सेक्शन के अन्दर अथवा <body> </body> टैग के अन्दर रखते हैं ।
<head> </head> टैग के बीच स्क्रिप्ट रखना -
उदाहरण -
<!doctype html>
<html>
<head>
<title>My First JavaScript </title>
<script>
//Your Script Goes Here.....
</script>
</head>
<body>
<h1>My First JavaScript</h1>
</body>
</html>
<body> </body> टैग के बीच स्क्रिप्ट रखना -
उदाहरण -
<!doctype html>
<html>
<head>
</head>
<body>
<h1>My First JavaScript</h1>
<script>
//Your Script Goes Here.....
</script>
</body>
</html>
वेबपेज में जावास्क्रिप्ट का बाहर से प्रयोग ।।
Using JavaScript in HTML Web Page ।।
वेबपृष्ठ में बाहरी जावास्क्रिप्ट का प्रयोग करना बेहद आसान है । इसके लिये सबसे पहले हमें अपने जावास्क्रिप्ट कोड्स की एक अलग फाइल बनानी पडती है । इस फाइल को सेव करते समय इसका एक्सटेंशन .js लिखा जाता है । इस फाइल में हम अपनी सारी स्क्रिप्ट लिख कर सुरक्षित कर लेते हैं ।
चलिये इसे करके देखते हैं -
। - सबसे पहले अपना नोटपैड खोलिये ।
2- अब उसमें निम्न कोड कापी पेस्ट कीजिये ।
document.getElementById("d1").innerHTML = "The Line Will be Changed";
3- अब फाइल मीनू में जाकर सेव एज कीजिये ।
4- नाम के स्थान पर डालिये myscript.js ।
5- और अब इसे अपने डेस्कटॉप पर रक्षित कर लीजिये ।
6- अब नोटपैड पर एक नया पेज खोलिये और उसमें निम्न कोड टाइप कीजिये ।
<!doctype html>
<html>
<head>
</head>
<body>
<div id="d1">My First JavaScript</div>
</body>
<script src="myscript.js"></script>
</html>
7- अब पुन: इसे सेव एज विकल्प से home.html नाम डालकर डेस्कटाप पर सेव कर लीजिये ।
अब डेस्कटाप पर जाकर home पर डबल क्लिक करिये । आपके पेज में div d1 में लिखा गया My First JavaScript बदल कर The Line Will be Changed हो गया होगा ।
अब ये देखने के लिये कि आपके जावास्क्रिप्ट कोड ने काम किया कि नहीं किया बस अपने home.html पेज से केवल <script src="myscript.js"></script> पंक्ति हटा कर सेव करें और फिर होम को रिलोड करके उसका परिणाम देखें । अब आपका परिणा बदलकर My First JavaScript हो गया होगा ।
आज के पाठ में हमने सीखा कि कैसे हम अपने एचटीएमएल पेज में आंतरिक रूप से तथा बाहर से जावास्क्रिप्ट कोड को लगा सकते हैं । आगे के पाठों में हम इसका और अभ्यास करेंगे ।
Comments
Post a Comment