经常需要在js中写多行html的模板
以前有两种方案:一是直接在js里面敲回车 和引号
二是在html 里面创建一个 隐藏的html,通过js 读取html 里面的内容(有问题,会导致模板和最终绘制的 页面 上有重复的元素)
三是 使用<script type="text/html"></script> 将模板包起来
最近看mock.js 的代码 发现了一个更好的解决方案,使用js注释 做为模板,核心代码如下
function hehe()
{/*asdfsfsdf
asdfasdfsa
asdfasdf*/
}
console.log(hehe.toString().replace(/^[^\/]+\/\*!?/, '').replace(/\*\/[^\/]+$/, ''));
参考文档:
http://mockjs.com/
http://stackoverflow.com/questions/805107/creating-multiline-strings-in-javascript