JavaScript利用Function注释实现多行HTML字符串存储
作者:竹影时间:2026-10-28 09:36:04浏览:107
本文介绍一种在JavaScript中通过Function对象的注释特性来存储多行HTML字符串的方法。利用toString()获取函数源码,并提取/* */注释内容,可避免字符串转义问题,适用于简单的HTML模板定义场景。
JavaScript利用Function注释实现多行HTML字符串存储
具体实现代码如下所示:
Function.prototype.heredoc = function(){
// 该方法利用函数注释来存储字符串,且无需进行转义处理。
var _str = this.toString(),
s_pos = _str.indexOf("/*")+2,
e_pos = _str.lastIndexOf("*/");
return (s_pos<0 || e_pos<0) ? "" : _str.substring(s_pos, e_pos);
}
function fn(){
/*<table>
<tr>
<td>用户名</td>
<td>密码</td>
</tr>
<tr>
<td style="widht:20px;">@name</td>
<td>zf123456</td>
</tr>
</table>*/
}
varstr_table=fn.heredoc();
console.log(str_table);作者最新文章
JS怎么使用classList添加、删除和切换class
2026-11-05 17:26:02
网页开发三者分工:HTML结构、CSS样式与JavaScript交互怎么协作
2026-11-05 12:51:22
JS解析URL参数时怎么处理中文乱码和特殊字符
2026-11-05 12:47:23
js-cookie 存储 JSON 对象:自动序列化与反序列化技巧
2026-11-05 12:36:26
marked.js 快速上手:安装与基础 Markdown 转 HTML 示例
2026-11-05 09:32:53
