Я пытаюсь написать html в js-файле. Это выглядит очень уродливо. Например,Напишите html в файле JS
var html = "";
html += "<div></div>";
return html;
Я узнал, что многие сторонние библиотеки нуждаются в получении из html-шаблона после этого привязки и рендеринга. У вас нет каких-либо предложений или советов, могу ли написать html в JS-файле?
Это зависит от того, хотите ли вы создать строку HTML или элемент DOM.
Если это HTML-строка, лучше всего загрузить внешний шаблон с помощью AJAX. Например, с JQuery:
$("#container").load("template.html");
Если вы хотите DOM элемент:
var myDiv = document.createElement("div");
myDiv.innerHTML = "Hello World!";
document.body.appendChild(myDiv);
Вы также можете использовать шаблон двигателя для управления HTML:
Вместо написания HTML с использованием строк, вы можете также управлять DOM путем создания и добавления DOM элементов. Как вы видите, это может потребовать немного больше кода, но меньше hacky.
// Create a <div> element
var myDiv = document.createElement("div");
// Create a <div> element
var myParagraph = document.createElement("p");
myParagraph.textContent = "Great!";
// nest the <p> inside the <div>
myDiv.appendChild(myParagraph);
// add the <div> to the <body>
document.body.appendChild(myDiv);
// You just added <div><p>Great!</p></div> to the body!
Если вы планируете добавить Лот элементов DOM в то же время, это может быть хорошей идеей, чтобы создать document fragment, рассматривает его как Invisble узел DOM, которые не являются частью дерева DOM. Это оптимизация, поскольку добавление/изменение элементов фрагмента не вызывает reflow.
Вид трудно понять, что вы ищете, но посмотрите здесь: http://www.embeddedjs.com, возможно, это так. – k102
Возможный дубликат [Что такое правильный способ написания HTML с помощью Javascript?] (Http://stackoverflow.com/questions/1533568/what-is-the-correct-way-to-write-html-using-javascript) – Kamal
[] (http://www.html5rocks.com/en/tutorials/webcomponents/template/) или [React] (http://facebook.github.io/react/)? – CodingIntrigue