क्या संहिता एक बाहरी फाइल में सेव कर सकती है?

लगाना JavaScripts एक वेब पेज के लिए HTML युक्त फ़ाइल में सीधे जावास्क्रिप्ट सीखने के दौरान उपयोग की जाने वाली छोटी लिपियों के लिए आदर्श है। जब आप अपने वेब पेज के लिए महत्वपूर्ण कार्यक्षमता प्रदान करने के लिए स्क्रिप्ट बनाना शुरू करते हैं, हालांकि, की मात्रा जावास्क्रिप्ट काफी बड़ी हो सकती है, और वेब पेज में सीधे इन बड़ी लिपियों को शामिल करने से दो समस्याएं पैदा होती हैं:

• यदि जावास्क्रिप्ट पेज की सामग्री का अधिकांश हिस्सा लेता है, तो यह विभिन्न खोज इंजनों के साथ आपके पेज की रैंकिंग को प्रभावित कर सकता है। यह उन कीवर्ड और वाक्यांशों के उपयोग की आवृत्ति को कम करता है जो यह पहचानते हैं कि सामग्री क्या है।
• आपकी वेबसाइट पर कई पृष्ठों पर एक ही जावास्क्रिप्ट सुविधा का पुन: उपयोग करना कठिन हो जाता है। हर बार जब आप इसे एक अलग पृष्ठ पर उपयोग करना चाहते हैं, तो आपको इसे कॉपी करने और प्रत्येक अतिरिक्त पृष्ठ में डालने की आवश्यकता होगी, साथ ही नए स्थान के लिए किसी भी बदलाव की आवश्यकता होगी।

यदि हम जावास्क्रिप्ट का उपयोग करने वाले वेब पेज से स्वतंत्र करते हैं तो यह बहुत बेहतर है।

सौभाग्य से, डेवलपर्स HTML और जावास्क्रिप्ट ने इस समस्या का समाधान प्रदान किया है। हम अपने जावास्क्रिप्शंस को वेब पेज से हटा सकते हैं और अभी भी यह ठीक उसी तरह काम करता है।

पहली चीज जो हमें उस पृष्ठ के लिए एक जावास्क्रिप्ट बाहरी बनाने के लिए करने की आवश्यकता है जो इसका उपयोग करता है उसे चुनना है वास्तविक जावास्क्रिप्ट कोड ही (आसपास के HTML स्क्रिप्ट टैग के बिना) और इसे एक अलग में कॉपी करें फ़ाइल।

उदाहरण के लिए, यदि निम्नलिखित स्क्रिप्ट हमारे पेज पर है, तो हम बोल्ड भाग का चयन करेंगे और उसकी प्रतिलिपि बनाएँगे:

कोड को प्रदर्शित करने से पुराने ब्राउज़रों को रोकने के लिए टिप्पणी टैग के अंदर एक HTML दस्तावेज़ में जावास्क्रिप्ट रखने की एक प्रथा हुआ करती थी; हालाँकि, नए HTML मानकों का कहना है कि ब्राउज़र को स्वचालित रूप से अंदर के कोड का इलाज करना चाहिए HTML टिप्पणी टैग टिप्पणियों के रूप में, और यह आपके जावास्क्रिप्ट को अनदेखा करने वाले ब्राउज़र में परिणाम देता है।

यदि आपको टिप्पणी टैग के अंदर जावास्क्रिप्ट के साथ किसी और से HTML पृष्ठ विरासत में मिला है, तो आपको जावास्क्रिप्ट कोड को टैग को शामिल करने की आवश्यकता नहीं है जिसे आप चुनते हैं और कॉपी करते हैं।

उदाहरण के लिए, आप केवल HTML कोड टैग को छोड़कर, बोल्ड कोड की नकल करेंगे तथा नीचे दिए गए कोड नमूने में:

एक बार जब आप जावास्क्रिप्ट कोड चुनते हैं जिसे आप स्थानांतरित करना चाहते हैं, तो इसे एक नई फ़ाइल में पेस्ट करें। फ़ाइल को एक नाम दें जो यह बताता है कि स्क्रिप्ट क्या करती है या उस पृष्ठ की पहचान करती है जहां स्क्रिप्ट है।

फाइल को दे दो .js प्रत्यय ताकि आपको पता चले कि फ़ाइल में जावास्क्रिप्ट है। उदाहरण के लिए हम उपयोग कर सकते हैं hello.js ऊपर दिए गए उदाहरण से जावास्क्रिप्ट को बचाने के लिए फ़ाइल का नाम।

अब जब हम अपने जावास्क्रिप्ट को एक अलग फाइल में कॉपी और सेव कर लेते हैं, तो हमें बस इतना करना चाहिए कि हमारे ऊपर बाहरी स्क्रिप्ट फाइल को देखें HTML वेब पेज दस्तावेज़.

सबसे पहले, स्क्रिप्ट टैग के बीच सब कुछ हटा दें:

यह अभी तक पृष्ठ को नहीं बताता है कि जावास्क्रिप्ट को क्या चलाना है, इसलिए हमें अगले स्क्रिप्ट टैग में एक अतिरिक्त विशेषता जोड़ने की आवश्यकता है जो ब्राउज़र को बताता है कि स्क्रिप्ट को कहां खोजना है।

हमारा उदाहरण अब इस तरह दिखेगा:

src = "hello.js">

Src विशेषता ब्राउज़र को बाहरी फ़ाइल का नाम बताती है जहाँ से इस वेब पेज के लिए जावास्क्रिप्ट कोड पढ़ा जाना चाहिए (जो है hello.js ऊपर हमारे उदाहरण में)।

आपको अपने सभी JavaScripts को अपने HTML वेब पेज डॉक्यूमेंट्स के समान स्थान पर नहीं रखना है। आप उन्हें एक अलग जावास्क्रिप्ट फ़ोल्डर में रखना चाह सकते हैं। इस स्थिति में, आप केवल मान को संशोधित करते हैं src फ़ाइल के स्थान को शामिल करने की विशेषता। आप जावास्क्रिप्ट स्रोत फ़ाइल के स्थान के लिए कोई भी रिश्तेदार या पूर्ण वेब पता निर्दिष्ट कर सकते हैं।

अब आप कोई भी स्क्रिप्ट ले सकते हैं जो आपने लिखी है या कोई स्क्रिप्ट जो आपने किसी स्क्रिप्ट लाइब्रेरी से प्राप्त की है और उसे HTML वेब पेज कोड से बाह्य रूप से संदर्भित जावास्क्रिप्ट फ़ाइल में स्थानांतरित किया है।

फिर आप उस स्क्रिप्ट फ़ाइल को कॉल करने वाले उपयुक्त HTML स्क्रिप्ट टैग जोड़कर किसी भी वेब पेज से उस स्क्रिप्ट फ़ाइल तक पहुँच सकते हैं।