将HTML转换成Javascript字符串(Convert HTML to Javascript S

我在读一本关于如何创建SPA（单页的应用程序）。作者写道，如果IDE是任何好的话，会有转换HTML的一个突出部分的技术，并转换为JavaScript字符串。这又如何在Visual Studio 2013做些什么呢？我要如何转换工作下面是一个例子。也将是巨大的，以切换回HTML。

HTML

<div class="spa-shell-head">
 <div class="spa-shell-head-logo"></div>
 <div class="spa-shell-head-acct"></div>
 <div class="spa-shell-head-search"></div>
</div>

JAVASCRIPT

var main_html = String()
+ '<div class="spa-shell-head">'
 + '<div class="spa-shell-head-logo"></div>'
 + '<div class="spa-shell-head-acct"></div>'
 + '<div class="spa-shell-head-search"></div>'
+ '</div>';

而不是将HTML转换为字符串JS，这将是更好的创建JS中的元素，并把它们在DOM。这会给你更多的控制，而不是创建这样一个难以维护/读取代码，产生更少的问题，并会快很多：

var outerDiv = document.createElement("div");
outerDiv.className = "spa-shell-head";

var innerDivLogo = document.createElement("div");
innerDivLogo.className = "spa-shell-head-logo";

var innerDivAcct = document.createElement("div");
innerDivAcct.className = "spa-shell-head-acct";

var innerDivSearch = document.createElement("div");
innerDivSearch.className = "spa-shell-head-search";

outerDiv.appendChild(innerDivLogo);
outerDiv.appendChild(innerDivAcct);
outerDiv.appendChild(innerDivSearch);
document.body.appendChild(outerDiv);

上述的例子创建了以下内容：