首页 > Javascript

JS中的HTML片段 - 懒人日记

f2er们经常在js里面写一些html模板,但是由于语法不同,没有办法啊直接将html黏贴在js中。大部分人会这么干var html = "<!DOCTYPE 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模板。

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

本文由用户 【admin】 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。

转载本站原创文章,请注明出处,并保留原始链接、图片水印。

本站是一个以用户分享为主的开源技术平台,欢迎各类分享!

本文地址:http://www.mj85.com/javascript/262.html

分享:

评论 [共0条评论]

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

您现面为匿名用户,暂不能发表评论。如想评论则请登录注册

相关内容

发布者

管理员 发于:

19年/05月/27日 05时

查看次数: 423

标签 Tags

无标签

谁收藏了?

0人已收藏