How to use JavaScript templates?

Question

As I go around on certain websites, I often view the source code, and on a few websites I've come across 'script templates'. They seem pretty good and rather easy to implement.

How would I go about using them? Can't really find any decent tutorials on the Internet.

Thanks.

ZenMaster · Accepted Answer · 2014-02-23 20:46:37Z

3

Fairly simple. You define a script tag with an unknown type, normally something like this:

<script type="text/html" id="myTemplate">
   <div>
      ...
   </div>
</script>

Then you put it in your HTML.

Browser will ignore the content of the script for rendering purposes and won't try to execute it due to the non-standard type.

Then you just retrieve it by ID document.getElementById('myTemplate') and do what you please.

answered Feb 23, 2014 at 20:46

ZenMaster

12.8k5 gold badges40 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mark Eriksson Over a year ago

If I were to retrieve information from a JSON AJAX request, how would I put the information in there?

ZenMaster Over a year ago

You'd use some sort of template engine. Underscore. KO (parts). Handlebars.

Bny · Accepted Answer · 2014-05-30 14:21:42Z

0

I recommend Enfusion Framework for perfect HTML templating. You can template different dataTypes

http://www.enfusion-framework.org/

answered May 30, 2014 at 14:21

Bny

415 bronze badges

Collectives™ on Stack Overflow

How to use JavaScript templates?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related