`
yiding_he
  • 浏览: 437543 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

在 JavaScript 中如何创建多行字符串(JavaScript Multiline String)

阅读更多
最基本的做法是:
js 代码
 
  1. var str = "111\n222\n333";  

但是这样不好排版。JavaScript 本身支持“\”的断句方式,于是可以这样写:
js 代码
 
  1. var str = "111\n\ 
  2. 222\n\ 
  3. 333";  

但是还是不爽,平白无故加上了一个反斜杠。有人提出利用 XML 结构来实现,但是具有语法高亮的编辑器通常会被这种写法弄糊涂。

高人无处不在,有人竟然利用注释。个人觉得这是最方便的了。我将其改了一下:
js 代码
 
  1. Function.prototype.getMultiLine = function() {  
  2.     var lines = new String(this);  
  3.     lines = lines.substring(lines.indexOf("/*") + 3, lines.lastIndexOf("*/"));  
  4.     return lines;  
  5. }  
  6.   
  7. var ffff = function() {  
  8.     /* 
  9.     张三去倒水<br/> 
  10.     <strong>天哪!</strong> 
  11.     */  
  12. }  
  13.   
  14. document.write(ffff.getMultiLine());  

这样虽然多写了一点,但是能够保持多行文本的原样,值得。
分享到:
评论
4 楼 zhybxyz 2018-05-14  
很巧妙的方法! 请问可以传递参数吗?
3 楼 SXLee 2009-07-15  
2 楼 kjah 2009-03-04  
ff无效  
1 楼 yvfish 2008-07-15  
实在是妙啊!

相关推荐

    javascript-multiline-string:javascript 多行字符串解决方案

    javascript-multiline-stringjavascript 多行字符串解决方案##说明以前blog的一篇文章,从新整理灵感来自:也可以去看看:

    multiline-string-to-javascript-converter:将多行字符串转换为 javascript 变量赋值的实用程序

    #Multiline string to Javascript variable converter 这是一个小实用程序,可帮助您将多行字符串转换为 javascript 变量赋值。 支持的格式: 用“+”连接字符串 使用Array.join('')加入数组 带反斜杠 \ 的字符串...

    react-multiline-ellipsis:React高阶组件以创建多行椭圆框

    原料药省略号(componentClass,numberOfLines [,省略号String]) 范围类型描述componentClass 班级名称组件类名称numberOfLines 数字我们希望组件具有的文本行数省略号(可选) 细绳我们要用作省略号的字符串...

    微软JavaScript手册

    indexOf 方法 返回在 String 对象中第一次出现子字符串的字符位置。 不相等运算符 (!=) 比较两个表达式,看是否不相等。 Infinity 属性 返回 Number.POSITIVE_INFINITY 的初始值。 input 属性 返回进行查找的...

    javascript文档

    indexOf 方法 返回在 String 对象中第一次出现子字符串的字符位置。 不相等运算符 (!=) 比较两个表达式,看是否不相等。 Infinity 属性 返回 Number.POSITIVE_INFINITY 的初始值。 input 属性 返回进行查找的...

    markdown-string:es6模板字符串中的Markdown编译

    es6模板字符串中的Markdown编译 var md = require ( 'markdown-string' ) var args = { exclamation : '!!1' } md `compiles **markdown** strings to *html* strings ${ args . exclamation } ` // 'compiles ...

    正则表达式

    例如,序列 "\n" 在字符串中匹配的是一个直接量换行符.在正则表达式中,许多标点符号都有特殊的含义.下面是这些字符和它们的含义: 正则表达式的直接量字符 字符 匹配 ________________________________ 字母数字...

    java 正则表达式

    应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)String.prototype.len=function(){return this.replace(/[^\x00-\xff]/g,"aa").length;} 匹配空行的正则表达式:\n[\s| ]*\r 匹配html标签的正则...

    正则表达式30分钟入门教程

    在编写处理字符串的程序或网页时,经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说,正则表达式就是记录文本规则的代码。 很可能你使用过Windows/Dos下用于文件查找的...

    实用正则表达式匹配和替换大全

    正则表达式非常有用,查找、匹配、处理字符串、替换和转换字符串,输入输出等。而且各种语言都支持,例如.NET正则库,JDK正则包, Perl, JavaScript等各种脚本语言都支持正则表达式。下面整理一些常用的正则表达式。 ...

Global site tag (gtag.js) - Google Analytics