Где хранить HTML и CSS для JS?

Question

Muhammad @muhammad_97

PHP-разработчик

Где хранить HTML и CSS для JS?

К примеру, есть bootstrap алерт:

<div class="alert alert-success" role="alert">...</div>

и еще несколько стилей к нему. Мне нужно на чистом JS (без использования шаблонизаторов) при нажатии на кнопку добавлять их к какому либо блоку. Как будет лучше хранить эти участки кода? Правилен ли такой вариант:

<script id="entry-template" type="template">
  <div class="entry">
    <h1>{{title}}</h1>
    <div class="body">
      {{body}}
    </div>
  </div>
</script>

И как будет лучше производить замену на нужные мне значения?

Вопрос задан более трёх лет назад
653 просмотра

Комментировать

Подписаться 1 Оценить Комментировать

Answer 1 · 2015-06-27 11:47:23

Ну если вы уж так сильно хотите обойтись без шаблонизатора, то можно сделать так: jsfiddle.net/ph2xnbfv/1

var html =
    '<div class="entry">' +
    '<h1>{{title}}</h1>' +
    '<div class="body">' +
    '{{body}}' +
    '</div>' +
    '</div>';

var title = "Vasya";
var body = "Pupkin";

var result = html.replace("{{title}}", title);
result = result.replace("{{body}}", body);

console.log(result);

Где хранить HTML и CSS для JS?

Войдите на сайт