在JavaScript文件中包含HTML的优雅简洁方法？

问题描述

| 我正在构建一个带有一些模式对话框窗口的小型应用程序。窗口需要一点HTML。我已经在JavaScript库中对窗口HTML进行了硬编码，但对此解决方案并不感到兴奋。有没有更优雅的方法可以做到这一点？似乎JavaScript没有多行字符串/ heredoc语法。

var html = \"<div id=\'email_window\'><h2>Email Share</h2><div>\";
html = html + \"<form action=\'javascript:emailDone();\' method=\'post\'>\";
html = html + \"<div><label for=\'to\'>To</label><input id=\'to\' type=\'text\'></div>\";
html = html + \"<div><label for=\'from\'>From</label><input id=\'from\' type=\'text\' value=\'\" + email + \"\'></div>\";
html = html + \"<div><label for=\'subject\'>Subject</label><input id=\'subject\' type=\'text\' disabled=\'disabled\' value=\'\" + subject + \"\'></div>\";
html = html + \"<div><label for=\'body\'>Body</label><input id=\'body\' type=\'text\' disabled=\'disabled\' value=\'\" + body + \"\'></div>\";
html = html + \"<div><input type=\'submit\' value=\'Send\'><input type=\'button\' value=\'Cancel\' onClick=\'javascript:$.fancybox.close();\'></div>\";
html = html + \"</form></div>\";

$(\"#data\").html(html);

添加以澄清原始消息- 任何解决方案都不能使用Ajax / XHR来获取模板文件，因为javascript库将位于与其所包含的html文件不同的域中有点像ShareThis。该库将包含在许多不同的站点上，并附加到div中具有属性sharetool = \“ true \”的任何锚点标记的onClick事件。例如：

http://www.bar.com - index.html
<html>
...
<script type=\"text/javascript\" src=\"http://www.foo.com/sharetool.js\"></script>
...
<body>
<div sharetool=\"true\">
</div>
...
</html>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html javascript 优雅包含文件方法方法简洁