# 127: जावास्क्रिप्ट टेम्प्लेटिंग की मूल बातें - सीएसएस-ट्रिक्स

एक टेम्पलेट HTML का एक हिस्सा है जिसे आपको पृष्ठ पर इंजेक्ट करने की आवश्यकता है। अक्सर टेम्पलेट्स "सर्वर साइड" बनाई जाती हैं - इसमें वे पूरी तरह से गठित जावास्क्रिप्ट पर आते हैं और बस डोम में डालने की आवश्यकता होती है। लेकिन कभी-कभी यह संभव नहीं होता है और इसके लिए सर्वर को अतिरिक्त दौर की आवश्यकता होती है जो धीमा हो सकता है। उस मामले में जावास्क्रिप्ट में सही टेम्पलेट आदर्श है। आप निश्चित रूप से बस HTML और डेटा के बिट्स को एक साथ जोड़कर स्ट्रिंग कॉनट्रैक्शन कर सकते हैं, जब तक आपके पास आपकी जरूरत का टेम्पलेट न हो। लेकिन यह संभावना आदर्श नहीं है क्योंकि यह डेटा और टेम्पलेट की चिंताओं को अलग नहीं करता है। रियल जावास्क्रिप्ट टेम्प्लेटिंग यहाँ मदद कर सकता है।

इस स्क्रैन्कास्ट में हम जावास्क्रिप्ट के मूलभूत "क्यों" को कवर करेंगे और फिर विशेष रूप से यह अंडरस्कोर.जेएस में कैसे किया जाता है इसका एक सरल उदाहरण कवर करते हैं। फिर हम कुछ अन्य विकल्पों को शामिल करेंगे।

डेमो

var compiled = _.template( " " + "" + "" + " " ); var i, toAppendString = ""; for (i = 0; i < data.movies.length; i++) ( toAppendString += compiled(data.movies(i)); ) $("body").append(toAppendString);

CodePen पर क्रिस कॉयर (@chriscoyier) द्वारा पेन% = penName%> देखें