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中正确显示连续空格的
转义字符。
const text = 'Hello\s\s\sWorld\s2021' text.replace(/\s/g, ' ');
补充：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字符串空格和换行符内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了JavaScript调用客户端Java程序的方法,实例分析了javascript调用java程序的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了js带前后翻页的图片切换效果，图片切换效果特别适合做产品展示，感兴趣的小伙伴可以参考下。2015-09-09
这篇文章主要介绍了微信小程序如何实现点击图片放大功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-01-01
这篇文章主要介绍了JS async 函数的含义和用法,结合实例形式总结分析了JS async 函数的基本功能、含义、使用方法及操作注意事项,需要的朋友可以参考下2020-04-04
本文主要介绍了使用webpack打包ts代码的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要为大家详细介绍了javascript实现导航栏分页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
本文对javascript中正则表达式进行了总结汇总，将知识点和注意点都理了一下，并附上2个练习题，这里分享给小伙伴2014-12-12
这篇文章主要为大家详细介绍了js实现鼠标跟随小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
关于flash遮盖div浮动层2010-07-07
JavaScript（简称“JS”）是一种具有函数优先的轻量级,解释型或即时编译型的编程语言,本文主要为大家介绍了JavaScript中三种常见引入方式,希望对大家有所帮助2024-01-01
最新评论