जावास्क्रिप्ट अब तक वेब पेजों के लिए सबसे लोकप्रिय स्क्रिप्टिंग भाषा है और वेब के लिए वास्तविक मानक है। आज तक, बड़ी संख्या में जावास्क्रिप्ट स्क्रिप्ट बनाई गई हैं, जिनमें से अधिकांश मुफ्त और मुफ्त हैं। इसके लिए धन्यवाद, कोई भी वेबमास्टर एक ऐसी स्क्रिप्ट ढूंढ सकता है जो उसकी वर्तमान आवश्यकताओं के अनुरूप हो। और उसे केवल यह जानने की जरूरत है कि जावा स्क्रिप्ट को वेब पेज से कैसे जोड़ा जाए।
ज़रूरी
दस्तावेज़ कोड को संपादित करने की क्षमता।
निर्देश
चरण 1
दस्तावेज़ में किसी ज्ञात यूआरआई द्वारा संबोधित बाहरी स्रोत से एक स्क्रिप्ट शामिल करें। निर्दिष्ट src विशेषता मान के साथ SCRIPT HTML तत्व का उपयोग करें। प्रपत्र के निर्माण को जोड़कर दस्तावेज़ को संपादित करें:
यहां, script_URI का मान एक URI होना चाहिए जो उस संसाधन की पहचान करता है जिससे स्क्रिप्ट डेटा लोड किया जाएगा।
स्क्रिप्ट के वर्ण एन्कोडिंग को वर्णसेट विशेषता के मान के रूप में निर्दिष्ट किया जाना चाहिए, यदि यह दस्तावेज़ के वर्ण एन्कोडिंग से भिन्न है। दस्तावेज़ का एन्कोडिंग सर्वर के HTTP प्रतिक्रिया शीर्षलेख के सामग्री-प्रकार फ़ील्ड में डेटा के आधार पर या सामग्री-प्रकार पर सेट http-equiv विशेषता के साथ मेटा तत्व की सामग्री विशेषता के मान के आधार पर निर्धारित किया जाता है।
स्क्रिप्ट को इस तरह से कनेक्ट करना अक्सर दस्तावेज़ हेडर में किया जाता है (SCRIPT तत्व HEAD तत्व के अंदर स्थित होते हैं) और उनके तत्काल निष्पादन की आवश्यकता नहीं होती है। इस मामले में, स्क्रिप्ट पाठ की आस्थगित व्याख्या के लिए defer विशेषता का उपयोग करना समझ में आता है।
चरण 2
स्क्रिप्ट को सीधे दस्तावेज़ में एम्बेड करके शामिल करें। अपने दस्तावेज़ मार्कअप में एक SCRIPT तत्व जोड़ें जिसमें JavaScript सामग्री हो। एक निर्माण का प्रयोग करें जैसे:
// स्क्रिप्ट कोड टेक्स्ट
// स्क्रिप्ट कोड टेक्स्ट
// स्क्रिप्ट कोड टेक्स्ट
स्क्रिप्ट कोड के आसपास की HTML टिप्पणियों पर ध्यान दें। वे पुराने ब्राउज़र मॉडल के साथ संगतता के लिए आवश्यक हैं।
चरण 3
तत्व ए के लक्ष्य एंकर के प्रोटोकॉल डिस्क्रिप्टर यूआरआई के रूप में "जावास्क्रिप्ट:" निर्दिष्ट करके स्क्रिप्ट शामिल करें। प्रपत्र के href विशेषता के मान के साथ दस्तावेज़ में एक लिंक बनाएं:
जावास्क्रिप्ट:
यहाँ, मान JavaScript में एक परिकलित व्यंजक होना चाहिए। इस मामले में, भाषा के कई वाक्यों को ऑपरेटर ब्रैकेट का उपयोग करके एक अभिव्यक्ति में जोड़ा जा सकता है, उदाहरण के लिए:
मूलपाठ
जब इस तरह के लिंक को किसी भी तरह से सक्रिय किया जाता है (उपयोगकर्ता या प्रोग्रामेटिक रूप से), तो एम्बेडेड स्क्रिप्ट कोड निष्पादित किया जाएगा।
चरण 4
इनलाइन एलीमेंट इवेंट हैंडलर के कोड के रूप में अपने दस्तावेज़ में स्क्रिप्ट जोड़ें। ऐसा करने के लिए, इन तत्वों में उपयुक्त विशेषताओं को जोड़कर चयनित तत्वों की वांछित घटनाओं के लिए अंतर्निहित हैंडलर को परिभाषित करें। विशेषता मानों के लिए JavaScript स्निपेट दर्ज करें। उदाहरण के लिए, आप इस तरह एक DIV तत्व पर सिंगल क्लिक ईवेंट के लिए एक हैंडलर के रूप में कोड जोड़ सकते हैं:
तत्व सामग्री
एलिमेंट इवेंट की सूची के लिए जिन्हें कंफर्मल यूजर एजेंटों द्वारा समर्थित होना चाहिए, W3C की w3c.org वेबसाइट पर लेवल 2 और 3 DOM स्पेसिफिकेशन (DOM2 और DOM3) का इवेंट सेक्शन देखें।
