Как передать HTML-теги из JavaScript?

Question

Мне интересно, как отделить JavaScript и HTML. Конечно, я включить JS с:

<script src="function.js"></script> 

Но когда я добавить динамически HTML-теги на веб-сайт с JS, как:

$("#content").append("<h2>"); 

Тогда есть HTML теги внутри JavaScript кодекса. Могу ли я сделать это модульным или есть ли «Хорошая практика» для этого?

Или я должен использовать фреймворк, как Bootstrap, чтобы кодировать большие проекты и исключать те фреймворки HTML-тегов?

Answer 1

Если вы действительно хотите отделить логику приложения от макета, вы должны использовать шаблонную структуру. Есть много структур, которые там делают работу, как:

• Underscore
• Mustache
• Handlebars
• и многие more

Что вы, по сути же предоставляет объекты данных механизм шаблона. Основываясь на логике, которую вы определяете в шаблоне, вы создаете страницу без необходимости загромождать логику приложения и макет.

Для того, чтобы найти подходящий шаблон для вашего приложения, вы можете проверить: http://garann.github.io/template-chooser/ Здесь вы можете указать, что именно искать, и на сайте показана наиболее подходящая библиотека.

Answer 2

вы можете создать скрытый объект шаблона, затем .clone() его в javascript. Или используйте одну из многих фреймворков MVVM/шаблона javascript