Webプロジェクトに本格的なテンプレートエンジンは必要ないと仮定しますが、一方で、HTMLをJavaScriptから分離するのが良いコードの場所がときどきあります。 この場合、1つの解決策は、最も単純なJavaScriptベースのテンプレートオプションを使用することです。
ソースコード 。
デモビデオ（最も便利な視聴にはHDを選択）：
結果コード：
HTML
<!doctype html> <html> <head> <meta charset=utf-8> <title> </title> </head> <body> <div class="result"></div> <script type="template" id="template"> <h2> <a href="{{href}}"> {{title}} </a> </h2> <img src="{{imgSrc}}" alt="{{title}}"> </script> </body> </html>
Javascript
(function() {
代替（JavaScript）
ビデオで説明されている方法は読みやすくなっていますが、自動化が必要な場合は、次のように値と正規表現を動的に適用できます。
(function () {