ब्लूटूथ के बिना HTML अनुक्रमणिका फ़ाइल में आप एकाधिक जावास्क्रिप्ट फ़ाइलों को कैसे आयात करते हैं?

Question

क्या प्रत्येक फ़ाइल को निर्दिष्ट किए बिना HTML में एकाधिक जावास्क्रिप्ट फ़ाइलों को आयात करने का कोई तरीका है?

<script src="js/toolkit/Toolkit.js"></script> 
<script src="js/toolkit/Viewable.js"></script> 
<script src="js/toolkit/Overlay.js"></script> 

यानी। क्या मैं जेएस/टूलकिट/* जैसे कुछ निर्दिष्ट कर सकता हूं?

मेरे पास 50+ जावास्क्रिप्ट फ़ाइलें हैं जिन्हें मुझे आयात करना है, और प्रत्येक फ़ाइल निर्दिष्ट करने में बहुत समय लगता है।

Answer 1

एक तरीका उपलब्ध नहीं है

<script src="js/toolkit/Toolkit.js"></script> 
<script src="js/toolkit/Viewable.js"></script> 
<script src="js/toolkit/Overlay.js"></script> 

और तुम सिर्फ इस फोन करना होगा:

loadLib("toolkit/Toolkit"); 
loadLib("toolkit/Viewable"); 
loadLib("toolkit/Overlay"); 

लेकिन यह अनुशंसित नहीं है क्योंकि HTTP अनुरोधों की संख्या के कारण लोड समय में वृद्धि होगी। आपको एक ही फ़ाइल में सबकुछ रखने के लिए सर्वर पक्ष में कुछ बेहतर उपयोग करना चाहिए।

Answer 2

नहीं, आप इसे नहीं कर सकते हैं। और वैसे भी सभी 50 अलग-अलग फाइलों को लोड करना अच्छा नहीं है। प्रदर्शन को बेहतर बनाने और पेज लोड समय को कम करने के लिए उन्हें एक ही स्क्रिप्ट में संपीड़ित करने पर विचार करें।

Answer 3

आपको ब्राउज़र के लिए प्रत्येक फ़ाइल को यह जानने के लिए निर्दिष्ट करना होगा कि क्या पुनर्प्राप्त करना है, लेकिन आईडीई के आधार पर आप इसका उपयोग कर रहे हैं, ऐसा करने के लिए शॉर्टकट हो सकते हैं, (विजुअल स्टूडियो आपको स्क्रिप्ट फ़ाइलों को खींचने और छोड़ने की अनुमति देता है संदर्भ जोड़ने के लिए एचटीएमएल)।

विकास के दौरान, आप फ़ाइलों को समस्या निवारण के लिए अलग रखते हुए करना चाहते हैं, लेकिन उत्पादन में, जैसा कि अन्य ने टिप्पणी की है, minify पर आपका बहुत अच्छा अभ्यास है और उन्हें एक फ़ाइल में संयोजित करें। यह केवल एक कॉल बनाता है, और आपके ओवरहेड को काफी कम कर सकता है।

आप एक जावास्क्रिप्ट समारोह है कि एक पैरामीटर के रूप पथ लेता है और इन HTML लाइनों बनाता है बना सकते हैं::

Answer 4

आप सेटअप कर सकते हैं gruntwatch को लिपियों के फ़ोल्डर और एक एकल फाइल में concat/minify उन्हें है, तो आप सिर्फ इतना है कि अपने HTML फ़ाइल में शामिल करने के लिए की है।

Answer 5

किसी अन्य जावास्क्रिप्ट फ़ाइल में जावास्क्रिप्ट फ़ाइल सहित वेब विकास में आम है।

क्योंकि कई बार हम कुछ स्थितियों की ओर से रन टाइम पर जावास्क्रिप्ट फ़ाइल शामिल करते हैं।

तो, हम जावास्क्रिप्ट के साथ-साथ jQuery का उपयोग करके इसे प्राप्त कर सकते हैं।

विधि 1: उपयोग जावास्क्रिप्ट एक और जावास्क्रिप्ट फ़ाइल

1. अपने वेब पेज में निम्नलिखित जोड़ें कार्य शामिल करने के लिए।

   function loadScript(url) 
   {  
       var head = document.getElementsByTagName('head')[0]; 
       var script = document.createElement('script'); 
       script.type = 'text/javascript'; 
       script.src = url; 
       head.appendChild(script); 
   } 
   

2. सिर्फ loadScript समारोह नीचे कहते हैं, जहां js फ़ाइल शामिल करना चाहते हैं।

   loadScript('/js/jquery-1.7.min.js'); 
   

विधि 2: उपयोग jQuery एक और JavaScript फ़ाइल शामिल करने के लिए।

1. अपने वेबपेज में jQuery फ़ाइल जोड़ें।

   <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
   

2. बस getScript फ़ंक्शन फ़ंक्शंस को कॉल करें।

   jQuery(document).ready(function(){ 
       $.getScript('/js/jquery-1.7.min.js'); 
   }); 
   

How to include a JavaScript file in another JavaScript File

Answer 6

मैं सुझाव है कि आप JSCompress उपयोग करने के लिए। यह आपके सभी जावास्क्रिप्ट कोड को एक एकल जावास्क्रिप्ट फ़ाइल में संपीड़ित करेगा।