बाह्य आंतरिक Javaस्क्रिप्ट: उदाहरण के साथ सीखें
आप का उपयोग कर सकते हैं Javaस्क्रिप्ट कोड दो तरीकों से.
- आप या तो शामिल कर सकते हैं Javaस्क्रिप्ट कोड आपके HTML दस्तावेज़ के भीतर आंतरिक रूप से खुद
- आप रख सकते हैं Javaस्क्रिप्ट कोड एक अलग बाहरी फ़ाइल और फिर अपने HTML दस्तावेज़ से उस फ़ाइल की ओर इंगित करें.
आंतरिक क्या है? Javaलिखी हुई कहानी?
हम अब तक इंटरनल JS का उपयोग करते रहे हैं। यहाँ एक नमूना है –
<html> <head> <title>My First JavaScript code!!!</title> <script type="text/javascript"> // Create a Date Object var day = new Date(); // Use getDay function to obtain todays Day. // getDay() method returns the day of the week as a number like 0 for Sunday, 1 for Monday,….., 5 // This value is stored in today variable var today = day.getDay(); // To get the name of the day as Sunday, Monday or Saturday, we have created an array named weekday and stored the values var weekday = new Array(7); weekday[0]="Sunday"; weekday[1]="Monday"; weekday[2]="Tuesday"; weekday[3]="Wednesday"; weekday[4]="Thursday"; weekday[5]="Friday"; weekday[6]="Saturday"; // weekday[today] will return the day of the week as we want document.write("Today is " + weekday[today] + "."); </script> </head> <body> </body> </html>
बाह्य क्या है? Javaलिखी हुई कहानी?
आप अपने सभी वेब पेजों में वर्तमान दिनांक और समय प्रदर्शित करने की योजना बना रहे हैं। मान लीजिए कि आपने कोड लिखा और अपने सभी वेब पेजों (मान लीजिए 100) में कॉपी कर लिया। लेकिन बाद में, आप उस प्रारूप को बदलना चाहते हैं जिसमें दिनांक या समय प्रदर्शित होता है। इस मामले में, आपको सभी 100 वेब पेजों में बदलाव करने होंगे। यह बहुत समय लेने वाला और कठिन काम होगा।
तो, बचाओ Javaलिपि एक्सटेंशन .js के साथ एक नई फ़ाइल में कोड जोड़ें। फिर, अपने सभी वेब पेजों में कोड की एक पंक्ति जोड़ें जो आपकी .js फ़ाइल को इस तरह इंगित करे:
<script type="text/javascript" src="currentdetails.js">
नोट: यह माना जाता है कि .js फ़ाइल और आपके सभी वेब पेज एक ही फ़ोल्डर में हैं। यदि external.js फ़ाइल किसी भिन्न फ़ोल्डर में है, तो आपको src विशेषता में अपनी फ़ाइल का पूरा पथ निर्दिष्ट करना होगा।
बाहरी लिंक कैसे जोड़ें Javaलिपि
var currentDate = new Date(); var day = currentDate.getDate(); var month = currentDate.getMonth() + 1; var monthName; var hours = currentDate.getHours(); var mins = currentDate.getMinutes(); var secs = currentDate.getSeconds(); var strToAppend; if (hours >12 ) { hours1 = "0" + (hours - 12); strToAppend = "PM"; } else if (hours <12) { hours1 = "0" + hours; strToAppend = "AM"; } else { hours1 = hours; strToAppend = "PM"; } if(mins<10) mins = "0" + mins; if (secs<10) secs = "0" + secs; switch (month) { case 1: monthName = "January"; break; case 2: monthName = "February"; break; case 3: monthName = "March"; break; case 4: monthName = "April"; break; case 5: monthName = "May"; break; case 6: monthName = "June"; break; case 7: monthName = "July"; break; case 8: monthName = "August"; break; case 9: monthName = "September"; break; case 10: monthName = "October"; break; case 11: monthName = "November"; break; case 12: monthName = "December"; break; } var year = currentDate.getFullYear(); var myString; myString = "Today is " + day + " - " + monthName + " - " + year + ".<br />Current time is " + hours1 + ":" + mins + ":" + secs + " " + strToAppend + "."; document.write(myString);
यह आपकी currentdetails.js फ़ाइल है। कोड की लंबी लाइनें देखकर परेशान न हों। आप जल्द ही कोड करना सीख जाएँगे। अपने HTML दस्तावेज़ में इस तरह बदलाव करें:
<html> <head> <title>My External JavaScript Code!!!</title> <script type="text/javascript" src="currentdetails.js"> </script> </head> <body> </body> </html>
आंतरिक और बाह्य का उपयोग कब करें Javaस्क्रिप्ट कोड?
यदि आपके पास कोड की केवल कुछ पंक्तियाँ हैं जो किसी विशेष वेबपेज के लिए विशिष्ट हैं, तो बेहतर है कि आप इसे अपने पास ही रखें। Javaआपके HTML दस्तावेज़ के भीतर आंतरिक स्क्रिप्ट कोड.
दूसरी ओर, यदि आपकी Javaस्क्रिप्ट कोड का इस्तेमाल कई वेब पेजों में किया जाता है, तो आपको अपने कोड को एक अलग फ़ाइल में रखने पर विचार करना चाहिए। उस स्थिति में, यदि आप अपने कोड में कुछ बदलाव करना चाहते हैं, तो आपको केवल एक फ़ाइल बदलनी होगी जिससे कोड रखरखाव आसान हो जाता है। यदि आपका कोड बहुत लंबा है, तो भी इसे एक अलग फ़ाइल में रखना बेहतर है। इससे डिबगिंग में आसानी होती है।