Question

我需要包含一个HTML，它在JavaScript函数中添加一个预览窗格，如下所示：

<html>
<body>
    <div style="height: 70%; border: 1px solid #000; overflow: auto;">
        <div style="background: #ddd; height: 1000px;">master</div>
    </div>
    <div style="height: 30%; border: 1px solid; #000; overflow: auto;">
        <div style="background: #ddd; height: 1000px;">detail</div>
    </div>
</body>
</html>

Answer 1

你可以：

使用一些模板引擎，如：
- 胡须https://github.com/janl/mustache.js/
- angular https://angularjs.org/
将代码作为文本写入var中，然后将其附加到dom中。（见document.write()）

Answer 2

只需在html周围使用引号，如

var a = 'some string';

只需要将所有hmtl放在一行中或逐行添加到var。

或者使用ES5，只需这样：

let a = `any
string
with new lines`;

或者

将jsx与ReactJs一起用于js中的html！它很棒:-)上次我在js之外写了html就像2年前一样.. https://facebook.github.io/react/

开始学习的好地方：

https://www.youtube.com/playlist?list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr

Answer 3

我不确定这是不是你要问的...... 您想通过JavaScript动态添加HTML吗？这是用jQuery做的一种方法：

var html = '<div id="whatever"></div>';
$("body").prepend(html);

Answer 4

如果你想在javascript中编写html标记，你可以转向React JS这是非常强大的引擎，用于在javascript中编写html标记，它提供了很多其他东西。

如何在JS文件中添加HTML代码？

4 个答案: