डिफ़ॉल्ट रूप से, HTML क्लाइंट-साइड कोड को अन्य फ़ाइलों से शामिल करने की सुविधा प्रदान नहीं करता है। किसी भी एप्लिकेशन के लिए विभिन्न फ़ाइलों में कार्यक्षमता वितरित करने के लिए किसी भी प्रोग्रामिंग भाषा में सामान्य रूप से यह एक अच्छा अभ्यास है।
उदाहरण के लिए, यदि आपके पास संख्यात्मक कार्यों के लिए तर्क है, तो आप सामान्य रूप से उस कार्यक्षमता को एक अलग फ़ाइल में परिभाषित करना चाहेंगे। उस अलग फ़ाइल को उस फ़ाइल को शामिल करके कई अनुप्रयोगों में फिर से उपयोग किया जा सकता है।
यह आम तौर पर शामिल बयानों की अवधारणा है जो प्रोग्रामिंग भाषाओं जैसे .Net और जावा में उपलब्ध हैं।
यह ट्यूटोरियल अन्य तरीकों की फाइलों को देखता है (फाइलें जिनमें बाहरी एचटीएमएल कोड होता है) को मुख्य एचटीएमएल फाइल में शामिल किया जा सकता है।
इस ट्यूटोरियल में, आप सीखेंगे-
- क्लाइंट साइड शामिल हैं
- सर्वर साइड शामिल है
- AngularJS में HTML फ़ाइल कैसे शामिल करें
क्लाइंट साइड शामिल हैं
HTML कोड को शामिल करने के सबसे सामान्य तरीकों में से एक जावास्क्रिप्ट के माध्यम से है। जावास्क्रिप्ट एक प्रोग्रामिंग भाषा है जिसका उपयोग मक्खी पर एक HTML पृष्ठ में सामग्री में हेरफेर करने के लिए किया जा सकता है। इसलिए, जावास्क्रिप्ट का उपयोग अन्य फ़ाइलों से कोड को शामिल करने के लिए भी किया जा सकता है।
नीचे दिए गए चरणों से पता चलता है कि यह कैसे पूरा किया जा सकता है।
Step1) Sub.html नामक फ़ाइल को परिभाषित करें और फ़ाइल में निम्न कोड जोड़ें।
यह एक शामिल फ़ाइल हैचरण 2) एक फ़ाइल बनाएँ, जिसका नाम नमूना है। यह आपकी मुख्य एप्लिकेशन फ़ाइल है और नीचे कोड स्निपेट जोड़ें।
नीचे दिए गए कोड के बारे में ध्यान देने योग्य मुख्य पहलू हैं,
- बॉडी टैग में एक div टैग होता है जिसमें Content की एक id होती है। यह वह स्थान है जहाँ बाहरी फ़ाइल 'Sub.html' से कोड डाला जाएगा।
- इसमें जॉकरी लिपि का संदर्भ है। JQuery एक स्क्रिप्टिंग भाषा है जिसे जावास्क्रिप्ट के ऊपर बनाया गया है जो DOM मैनिपुलेशन को और भी आसान बनाता है।
- जावास्क्रिप्ट फ़ंक्शन में, एक बयान '$ ("# सामग्री") है। लोड ("Sub.html");' जिसके कारण Sub.html फ़ाइल में कोड को div टैग में इंजेक्ट किया जाता है जिसमें सामग्री की आईडी है।
<सिर>