А вы храните html в js?

Question

[Андрей]

Добрый день!
Хочу вынести часть html-кода в js файлы, чтобы при создании некоторых элементов(в основном pop-up), использовать его и не грузить лишние куски html-кода в страничку.
У кого есть опыт? Как используете или реализуете подобное?

Answer 1

[Sanes]

Если сделать и забыть, то наверное можно и так.

Comments

[Андрей]

я хочу «компилировать» шаблоны при внесении изменений и все.

Answer 2

[Дмитрий]

Плохая практика( лучше все шаблоны хранить в файлах отдельных, а подгружать аяксом. Если же у вас туда подставляются динамические данные - разные для popup-ов, то заюзайте xml templates

Comments

[Андрей]

почему плохая практика? падает в кеш, не грузится несколько раз еще. Можно, конечно, и html укладывать в кеш и настроить кеширование на клиенте через etag.

[Дмитрий]

Андрей: потому что данные в этих кусках будут меняться, соотв. хранить их в таком виде неудобно и неверно. Надо юзать тогда xml шаблоны, или xhtml - как они там...

[Андрей]

нет, изменение данных – самое минимальное, что может от меня потребовать каких-то усилий, потому что шаблон в js будет компилироваться сам, версии к файлам шаблонов будут подставляться сами.

Answer 3

[asdz]

А можно несколько раз завернуть хтмл в джаваскрипт, джаваскрипт в хтмл...

Answer 4

[yesworld]

Иногда это даже нужно делать. Другой вопрос как и где вы собираетесь хранить этот код? И для каких целей?
Одно дело разбить все на шаблоны и к примеру андерскором их подгружать, передавая в него переменные, другое дело тупо присваивать переменной код хтмл.

Answer 5

[Константин Китманов]

Только если очень немного и небольшие куски.
А лучше воспользоваться шаблонизатором, тысячи их, и хранить все в отдельных файлах.

Answer 6

[Дмитрий]

Есть для этого тег temlate habrahabr.ru/post/231845 но импорт поддерживает по-моему только хром. Чем хорош темплейт - он не является элементом дерева хтмл, как таковым. Я в приложении в конец хтмл вставляю десятки темплейтов, в том числе и с текстами сообщений, ссылками, формами, которые яваскрипт загружает когда надо. Проблем с совместимостью браузерами нет, вся статика лежит в одном файле, отдается одним запросом и хорошо сжимается при передаче.