JavaScript <script> 태그를 사용한 템플릿

with jQUery.

<script id="templateId" type="text/plain">
<some>
template tags..
</some>
</script>
 
<script type="text/javascript">
var templateString = $("#templateId").html();
</script>

script 태그를 사용하면 긴 문자열 템플릿을 JS 에 지정하지 않고 HTML내부에 넣고 빼다 쓰는 것이 가능하다. 하지만, IE 8 등에서 이 값을 가져올 때 $(“#templateId”).text() 를 사용하면 안된다. 그러면 값이 안나온다. $(“#templateId”).html()을 사용해야 한다.