本文介绍了在JavaScript中以一种更为简洁的方式书写HTML模板的方法，避免了繁琐的字符串拼接和转义字符的使用，提高了代码的可读性和维护性。
f2er们经常在js里面写一些html模板，但是由于语法不同，没有办法啊直接将html黏贴在js中。
大部分人会这么干
var html = "<!DOCTYPE html>"+
"<html>"+
" <body>"+
" <h1>Hello, world!</h1>"+
" </body>"+
"</html>";
这种写法如果没有特殊编辑器支持，还真是让人蛋疼。
还有人这么写
var html = "<!DOCTYPE html>\ <html>\ <body>\ <h1>Hello, world!</h1>\ </body>\ </html>";
工作量减少了很多，但是还是比较麻烦，要为每行末尾加一个转义符。
这里介绍另一个方法，比较来说算是最友好的。
var html = (function () {/* <!DOCTYPE html> <html> <body> <h1>Hello, world!</h1> </body> </html> */}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];
利用function的toString方法，使用正则表达式过滤出html模板。
这种写法在某些场合可能存在一些风险，就是被代码压缩工具强奸掉。
扫一扫
879
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
