js拼接HTML页面

在构造HTML页面时，我们常常使用html+=“……”形式拼接HTML标签，这种方式是可以解决我们的需求，但是这样会使我们的页面看起来凌乱，也不容易看出页面的结构性。我们可以用以下两种形式来替换此类做法，得到的效果是一样的。

1.使用HandlebarsJs。下载handlebars.min.js，在页面上引入改js，就可以使用了。例如，我们给用户添加新角色，我们要选择已有的角色，然后添加到用户的角色列表中，在这过程中，我们要记录这个角色的一些信息，下面是具体做法步骤：

页面引入js：



编写模板



使用方式：



页面元素：



这些操作完后，我们就会在table元素中加了一个tr，tr中包含了一些角色的信息。这只是步骤给一个解决方法，具体的自己百度。

2.第二种解决方法是，利用angularJs的指令来实现。