वेब पेजों पर गतिशील प्रभाव पैदा करने का मुख्य तरीका क्लाइंट-साइड स्क्रिप्ट का उपयोग करना है। वे कोड के टुकड़े हैं जिनकी व्याख्या दस्तावेज़ प्रदर्शित करने वाले एप्लिकेशन के स्क्रिप्टिंग इंजन द्वारा की जाती है। जावास्क्रिप्ट एक लोकप्रिय प्रोग्रामिंग भाषा है जिसका उपयोग स्क्रिप्टिंग के लिए किया जाता है। स्क्रिप्ट को निष्पादित करने में सक्षम होने के लिए, इसे किसी तरह से दस्तावेज़ में डाला जाना चाहिए।
यह आवश्यक है
- - स्क्रिप्ट कोड;
- - स्रोत कागजात;
- - पाठ संपादक।
अनुदेश
चरण 1
स्क्रिप्ट डालने का सबसे अच्छा तरीका निर्धारित करें। यदि यह मान लिया जाए कि विभिन्न दस्तावेज़ों में एक ही स्क्रिप्ट का उपयोग किया जाएगा, तो यह समझ में आता है कि इसे किसी बाहरी फ़ाइल में ले जाया जाए और वहां से कनेक्ट किया जाए। अन्यथा, यह पृष्ठ के मुख्य भाग में स्क्रिप्ट टेक्स्ट को एम्बेड करने के लायक है। यदि स्क्रिप्ट का आकार बड़ा है, तो इसे दस्तावेज़ में एक अलग ब्लॉक में रखने के लायक है। यदि प्रोग्राम कोड वॉल्यूम में छोटा है और किसी भी घटना के लिए प्रतिक्रिया को लागू करता है, तो इसे एक विशेषता में रखने की अनुमति है जो किसी तत्व के अंतर्निहित ईवेंट हैंडलर या लिंक के href विशेषता को परिभाषित करता है।
चरण दो
किसी बाहरी स्रोत से स्क्रिप्ट चिपकाएँ। निर्दिष्ट स्रोत के साथ एक SCRIPT तत्व जोड़ें और दस्तावेज़ निकाय या HEAD अनुभाग में विशेषताएँ टाइप करें। उदाहरण के लिए, आप इसे इस तरह कर सकते हैं: src विशेषता का मान एक यूआरआई होना चाहिए जो उस संसाधन को इंगित करता है जिससे स्क्रिप्ट टेक्स्ट लोड किया जाएगा। वर्णसेट विशेषता वैकल्पिक है। यह स्क्रिप्ट टेक्स्ट के एन्कोडिंग को इंगित करता है। लेकिन अगर इसे छोड़ दिया जाता है, तो एन्कोडिंग मान को उस दस्तावेज़ के एन्कोडिंग मान के रूप में लिया जाएगा जिसमें स्क्रिप्ट डाली गई है।
चरण 3
स्क्रिप्ट को पेज के टेक्स्ट में डालें। स्क्रिप्ट टेक्स्ट के साथ एक एससीआरआईपीटी तत्व का प्रयोग करें। उदाहरण के लिए, यह इस तरह दिख सकता है:
चेतावनी ("स्क्रिप्ट काम कर रही है!");
पुराने ब्राउज़र के साथ संगतता के लिए कोड संलग्न करने वाली HTML टिप्पणियाँ आवश्यक हैं। आप एक्सएचटीएमएल दस्तावेज़ों में एक्सएमएल टिप्पणियों का उपयोग कर सकते हैं।
चरण 4
इनलाइन ईवेंट हैंडलर में जावास्क्रिप्ट कोड डालें। दस्तावेज़ में उस तत्व को ढूंढें जिसका ईवेंट आप संभालना चाहते हैं। एक विशेषता जोड़ें जो उपयुक्त हैंडलर को परिभाषित करती है। उदाहरण के लिए, एक तत्व पर माउस क्लिक के लिए हैंडलर निर्दिष्ट करने वाली विशेषता ऑनक्लिक है, फोकस सिग्नल के नुकसान के लिए हैंडलर ऑनब्लर है, और कीस्ट्रोक हैंडलर ऑनकीडाउन है।
चरण 5
स्क्रिप्ट कोड को टेक्स्ट के रूप में दर्ज करें जो अतिरिक्त विशेषता का मान निर्दिष्ट करता है। उदाहरण के लिए, एक संदेश प्रदर्शित करने के लिए जब एक DIV तत्व को माउस से क्लिक किया जाता है, तो आप निम्नलिखित निर्माण का उपयोग कर सकते हैं: टेक्स्ट टेक्स्ट टेक्स्ट ध्यान दें कि इनलाइन तत्व हैंडलर कोड में स्ट्रिंग अक्षर को परिभाषित करने के लिए, आपको उन से भिन्न प्रकार के उद्धरणों का उपयोग करना होगा जो HTML विशेषता का मान निर्दिष्ट करता है …
चरण 6
स्क्रिप्ट को लिंक के href तत्व में जोड़ें। href मान एक URL होना चाहिए, जिसका प्रोटोकॉल डिस्क्रिप्टर "जावास्क्रिप्ट:" है, और पता भाग एक परिकलित अभिव्यक्ति है। उदाहरण के लिए: लिंक टेक्स्ट यदि आपको एकाधिक अभिव्यक्तियों का उपयोग करने की आवश्यकता है, तो ब्रैकेट {और} द्वारा परिभाषित कथन ब्लॉक का उपयोग करें।
