知识大全 在JavaScript里嵌入大量字符串常量的实现方法

Posted

篇首语:听闻少年二字,当与平庸相斥。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 在JavaScript里嵌入大量字符串常量的实现方法相关的知识,希望对你有一定的参考价值。

在JavaScript里嵌入大量字符串常量的实现方法  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

在JavaScript文件里嵌入大量字符串常量是经常遇到的事 有时为了省事 就把一些界面的HTML和CSS直接写在JS文件里  

  数量少还好 多的话就密密麻麻的一坨文字 讲究美观的文艺青年们 会用大量的字符连接符号甚至加上缩进 强制换成好几行 例如

复制代码 代码如下: var =     <div> +         <p>Hello</p> +         <p>World </p> +     </div> ;

  这还好 要是字符串里有不少双引号单引号 那就更麻烦了 各种转义字符看的眼花缭乱

  其实有个不怎么起眼的小技巧 就能解决这个问题 大家总认为字符串必须在" "或 里面 这点没错 但还有一个地方的字符串也能当 非代码语义保存下来 那就是一个function的toString 把整个函数的代码当字符串输出——其中的注释部分当然也是保留的!

  所以我们写个空函数 里面就一个/**/注释 其中就是我们想要的常量内容 toString后加一个正则就可以提取我们想要的!

  马上试试

复制代码 代码如下: var RES_CODE = _TEXT(function()/*     #include <iostream>

  int main()             std::cout << "Hello world" << std::endl;         return ;     */);

  var RES_POEM = _TEXT(function()/* 更吹落 星如雨 宝马雕车香满路 凤箫声动 玉壶光转 一夜鱼龙舞 蛾儿雪柳黄金缕 笑语盈盈暗香去 众里寻他千百度 蓦然回首 那人却在灯火阑珊处 */);

  var RES_XML = _TEXT(function()/*     <projectDescription>         <name>Hello</name>         <ment></ment>         <projects>         </projects>         <buildSpec>             <buildCommand>                 <name> adobe flexbuilder project flexbuilder</name>                 <arguments>                 </arguments>             </buildCommand>             <buildCommand>                 <name> adobe flexbuilder project apollobuilder</name>                 <arguments>                 </arguments>             </buildCommand>         </buildSpec>     </projectDescription> */);

  function _TEXT(wrap)     return wrap toString() match(//*s([sS]*)s*//)[ ]; alert(RES_CODE); alert(RES_POEM); alert(RES_XML);

  OK!就是Chrome里把注释每行前面的Tab去掉了 如果仅仅是放代码的话问题也不大~ 当然有个前提是字符里不能出现*/

cha138/Article/program/Java/JSP/201311/19864

相关参考

知识大全 用JavaScript实现利用FLASH嵌入网页声音

用JavaScript实现利用FLASH嵌入网页声音  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

知识大全 javascript中比较字符串是否相等的方法

使用js比较字符串是否相等的方法有很多在本文为大家介绍一个从外国网站看到的方法感兴趣的朋友可以参考下哈希望对大家学习js有所帮助 cha138/Article/program/Ja

知识大全 javascript中的escape是什么意思

  escape是什么意思?  escape采用ISOLatin字符集对指定的字符串进行编码所有的空格符标点符号特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集

知识大全 用JavaScript实现字符串切分功能

用JavaScript实现字符串切分功能  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!lishix

知识大全 JavaScript字符串插入、删除、替换函数使用示例

JavaScript字符串插入、删除、替换函数使用示例  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧

知识大全 javascript规定最多输入的字符串长度

<script language=javascript> <!   function textCounter(fieldm

知识大全 使用javascript过滤html的字符串(注释标记法)

本篇文章是对使用javascript过滤的字符串进行了详细的分析介绍需要的朋友参考下 复制代码代码如下:cha138/Article/program/Java/JSP/201311

知识大全 JavaScript计算字符串中每个字符出现次数的小例子

JavaScript计算字符串中每个字符出现次数的小例子  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下

知识大全 检测字符的Javascript代码

检测字符的Javascript代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  strNumb

知识大全 用JavaScript判断日期、数字、整数和特殊字符

用JavaScript判断日期、数字、整数和特殊字符  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!