JS中的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模板。

这种写法在某些场合可能存在一些风险，就是被代码压缩工具强奸掉。

转载于:https://www.cnblogs.com/f2er/p/js_comment.html

JS中的HTML片段相关推荐

VSCode自定义代码片段9——JS中的面向对象编程
JavaScript的面向对象编程 {// JS'OOP// 9 如何自定义用户代码片段:VSCode =>左下角设置 =>用户代码片段 =>新建全局代码片段文件... =>自 ...
在node.js中一次读取一行文件？
本文翻译自:Read a file one line at a time in node.js? I am trying to read a large file one line at a time ...
如何在node.js中发出HTTP POST请求？
如何在node.js中使用数据发出出站HTTP POST请求? #1楼如果您使用请求库,这会变得更容易. var request = require('request');request.post( ...
Three.js中自定义控制几何体的点和面的属性
场景 Three.js中引入dat.gui库实现界面组件控制动画速度变量: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1193 ...
react性能优化方案_React灵敏且性能卓越的Spray + Akka解决方案，以“在Java和Node.js中发挥并发性和性能”...
react性能优化方案在我以前的文章中,我研究了一个虚拟的交易引擎,并将基于Java的阻止解决方案与基于Node.js的非阻止解决方案进行了比较. 在文章的结尾,我写道: 我怀疑随着Node.js的 ...
反应灵敏且性能卓越的Spray + Akka解决方案，以“在Java和Node.js中发挥并发性和性能”...
在我以前的文章中,我研究了一个虚拟的交易引擎,并将基于Java的阻止解决方案与基于Node.js的非阻止解决方案进行了比较. 在文章的结尾,我写道: 我怀疑在Node.js近期取得成功之后,越来越多的 ...
论 js中：（class、id）出乎意料的优先级？- 案例篇
文章目录论 js中:(class.id)出乎意料的优先级?- 案例篇看图说明 · 案例场景: 重要代码 · 解析 · `提示`: `class / id` 在`js`中抓取的`优先级`:`[代码点 ...
Js中String对象
Js中String对象 String全局对象是一个用于字符串或一个字符序列的构造函数. 描述创建一个字符串可以通过字面量的方式,通过字面量创建的字符串变量在调用方法的时候能够自动转化为临时的包装对象 ...
Js中RegExp对象
Js中RegExp对象 RegExp对象表示正则表达式,是由普通字符和特殊字符也叫元字符或限定符组成的文字模板,用于对字符串执行模式匹配. 描述创建一个RegExp对象通常有两种方式,一种是通过字面 ...

JS中的HTML片段

JS中的HTML片段相关推荐

最新文章

热门文章