Html में स्क्रिप्ट कैसे एम्बेड करें

विषयसूची:

Html में स्क्रिप्ट कैसे एम्बेड करें
Html में स्क्रिप्ट कैसे एम्बेड करें

वीडियो: Html में स्क्रिप्ट कैसे एम्बेड करें

वीडियो: Html में स्क्रिप्ट कैसे एम्बेड करें
वीडियो: 4: हमारे एचटीएमएल में जावास्क्रिप्ट कैसे शामिल करें | जावास्क्रिप्ट ट्यूटोरियल | जावास्क्रिप्ट सीखें | नौसिखिये के लिए 2024, मई
Anonim

HTML वेब पेजों के लिए एक मार्कअप भाषा है जो ग्राफिकल और टेक्स्टुअल तत्वों को प्रदर्शित करने के लिए जिम्मेदार है। इसका उपयोग विभिन्न प्रोग्रामिंग भाषाओं में लिखी गई लिपियों को लागू करने के लिए भी किया जा सकता है। HTML में एक स्क्रिप्ट डालने के लिए एक विशेष तत्व का उपयोग किया जाता है।

html में स्क्रिप्ट कैसे एम्बेड करें
html में स्क्रिप्ट कैसे एम्बेड करें

अनुदेश

चरण 1

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

चरण दो

टेक्स्ट एडिटर विंडो में, HTML कोड दर्ज करें। उदाहरण के लिए, जावास्क्रिप्ट को किसी पेज में इंजेक्ट करने के लिए, निम्न कमांड का उपयोग करें:

निष्पादित करने के लिए कोड

निर्दिष्ट कोड पेज लोड पर निष्पादित किया जाएगा और डिस्क्रिप्टर के भीतर निष्पादित किया जाएगा। इस मामले में, प्रकार पैरामीटर हैंडलर को यह बताता है कि जावास्क्रिप्ट प्रोग्रामिंग भाषा का उपयोग आगे किया जाएगा।

चरण 3

किसी विशिष्ट घटना को संसाधित करने के लिए स्क्रिप्ट के लिए, उदाहरण के लिए, जब एक बटन दबाया जाता है, तो इसे किसी फ़ंक्शन के अंदर डाला जाना चाहिए। अनुभाग में, स्क्रिप्ट कोड निर्दिष्ट करें:

फंक्शन डिस्प्लेडेट ()

{document.getElementById ("प्रदर्शन")। आंतरिक HTML = दिनांक (); }

यह जावास्क्रिप्ट कोड पृष्ठ पर वर्तमान समय को प्रदर्शित करने के लिए जिम्मेदार है, लेकिन इसे मॉनिटर पर प्रदर्शित करने के लिए, आपको ऑपरेशन के दौरान उत्पन्न पाठ को संसाधित करने के लिए एक अतिरिक्त कमांड दर्ज करने की आवश्यकता है।

चरण 4

HTML का उपयोग करके दस्तावेज़ के मुख्य भाग में, एक बटन बनाएं जो तत्व को सक्रिय करने के लिए जिम्मेदार होगा:

शो टाइम

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

चरण 5

HTML में एक विशिष्ट फ़ाइल में स्थित बाहरी स्क्रिप्ट प्रोग्राम को शामिल करने के लिए, आपको निम्नलिखित कोड चलाने की आवश्यकता है:

एक बार निष्पादित होने के बाद, file.js नाम की निर्दिष्ट स्क्रिप्ट को पेज में शामिल किया जाएगा। यह ध्यान देने योग्य है कि बाहरी फ़ाइल में सफल जोड़ के लिए कोई तत्व नहीं होना चाहिए।

सिफारिश की: