脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js字符串空格和换行符

js字符串中空格和换行符(\r,\s,\n,\r\n)浅析

 更新时间：2022年07月27日 09:42:45   作者：_Dream maker  
我们在使用字符串时经常会遇到换行问题,下面这篇文章主要给大家介绍了关于js字符串中空格和换行符(\r,\s,\n,\r\n)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

一、换行，回车

换行回车在不同操作系统下的含义

以下均为单击 Enter 键产生

  • Windows：系统行末结束符是 ‘\r\n’
  • Linux：统行末结束符是 ‘\n’
  • Mac：系统行末结束符是 ‘\r’

关于软 / 硬回车的扩展知识

硬回车：就是普通我们按回车产生的，它在换行的同时也起着段落分隔的作用。
软回车：是用 Shift + Enter 产生的，它换行，但是并不换段，即前后两段文字在 Word 中属于同一“段”。在应用格式时你会体会到这一点。

软回车能使前后两行的行间距大幅度缩小，因为它不是段落标记，要和法定的段落标记——硬回车区别出来。硬回车的html代码是<p>…</p>，段落的内容就夹在里面，而软回车的代码很精悍：<br/>。 网页的文字如果复制到word中，则硬回车变为弯曲的箭头(↵)，软回车变为向下的箭头(↓)。

js 字符串中的字符替换

将字符串中的换行符替换成在HTML中正确显示换行的的 <br/> 换行标签。

const text = 'Hello World\r\n2021'
text.replace(/(\n|\r|\r\n|↵)/g, '<br/>')

二、空白符

js 字符串中的字符替换

将字符串中的空格符替换成HTML中正确显示连续空格的&nbsp;转义字符。

const text = 'Hello\s\s\sWorld\s2021'
text.replace(/\s/g, '&nbsp;');

补充：js字符串指定位置换行

function huanhang(_str){    
  var str = _str, result = "";
                    var n=10;//指定第n位换行
  for(var i=0,len=str.length;i<len;i++){
  
      result += str[i];
      if((i+1) % n== 0)
      result += "\r\n";
  }
  return result;
}

总结

到此这篇关于js字符串中空格和换行符(\r,\s,\n,\r\n)的文章就介绍到这了,更多相关js字符串空格和换行符内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

最新评论