包含在script标签中的其他标签

Question

我看网站的时候发现有很多script标签里面包含了很多其他标签，这些标签为什么要放在script标签中？
这些script标签是提前写好的？还是后期代码运行加上去的？

Answer 1

在js里面，经常需要使用js往页面中插入html内容。比如这样：var number = 123;
$('#d').append('<div class="t">'+number+'</div>')
如果html很短还好说，但是遇到描述里面的这么大段，直接用字符串存储会很困难，因为不光要处理单引号，还需要很多「+」号把字符串一个个连接起来，十分的不方便。给<script>设置type="text/template"，标签里面的内容不会被执行，也不会显示在页面上，但是可以在另一个script里面通过获取，然后再通过相关的模板工具进行处理，插入到页面中。这样就把大段的HTML操作从js里面分离开了

作者：黑猫
链接：https://www.zhihu.com/questio...
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

Answer 2

一句话解释：你写script标签可以直接忽略掉type默认就是javascript；你看人家标签里写着type呢，里边放的那是text格式的template～

Answer 3

这是用的js模板引擎，相当于php smarty模板一样的，视图与逻辑分离

Answer 4

默认就是字符串，不同的库有不同的解析方式，像这样的元素还有template,textarea等，这些元素异同详细说明可参考这篇文章http://www.zhangxinxu.com/wor...