js字符串中空格和換行符(\r,\s,\n,\r\n)淺析
更新時間：2022年07月27日 09:42:45 作者：_Dream?maker
我們在使用字符串時經(jīng)常會遇到換行問題,下面這篇文章主要給大家介紹了關于js字符串中空格和換行符(\r,\s,\n,\r\n)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
一、換行，回車
換行回車在不同操作系統(tǒng)下的含義
以下均為單擊 Enter 鍵產(chǎn)生
- Windows：系統(tǒng)行末結(jié)束符是 ‘
\r\n’- Linux：統(tǒng)行末結(jié)束符是 ‘
\n’- Mac：系統(tǒng)行末結(jié)束符是 ‘
\r’
關于軟 / 硬回車的擴展知識
硬回車：就是普通我們按回車產(chǎn)生的，它在換行的同時也起著段落分隔的作用。軟回車：是用 Shift + Enter 產(chǎn)生的，它換行，但是并不換段，即前后兩段文字在 Word 中屬于同一“段”。在應用格式時你會體會到這一點。軟回車能使前后兩行的行間距大幅度縮小，因為它不是段落標記，要和法定的段落標記——硬回車區(qū)別出來。硬回車的html代碼是<p>…</p>，段落的內(nèi)容就夾在里面，而軟回車的代碼很精悍：<br/>。 網(wǎng)頁的文字如果復制到word中，則硬回車變?yōu)閺澢募^(
↵)，軟回車變?yōu)橄蛳碌募^(↓)。
js 字符串中的字符替換
將字符串中的換行符替換成在HTML中正確顯示換行的的
<br/>換行標簽。
const text = 'Hello World\r\n2021' text.replace(/(\n|\r|\r\n|?)/g, '<br/>')
二、空白符
js 字符串中的字符替換
將字符串中的空格符替換成HTML中正確顯示連續(xù)空格的
轉(zhuǎn)義字符。
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;
}總結(jié)
到此這篇關于js字符串中空格和換行符(\r,\s,\n,\r\n)的文章就介紹到這了,更多相關js字符串空格和換行符內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
給大家圖文詳細分析一下jsonp的原理以及跨域問題的匯總。2017-11-11
Reduce是個純函數(shù)，即只要傳入相同的參數(shù)，每次都應返回相同的結(jié)果。不要把和處理數(shù)據(jù)無關的代碼放在Reduce里，讓Reduce保持純凈，只是單純地執(zhí)行計算，這篇文章主要介紹了Redux拆分reduce函數(shù)流程2022-10-10
JavaScript可以被瀏覽器直接解釋執(zhí)行，它可以更好得減小服務器壓力，提高程序運行效率，下面小編通過本篇文章給大家分享JavaScript常用標簽和方法，需要的朋友一起來學習吧2015-09-09
JavaScript判斷是否為數(shù)字的多種方法小結(jié)
這篇文章主要介紹了JavaScript判斷是否為數(shù)字的多種方法小結(jié),本文給大家分享三種方法,結(jié)合實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
javascript經(jīng)典特效分享 手風琴、輪播圖、圖片滑動
這篇文章主要介紹了javascript經(jīng)典特效，手風琴、輪播圖、圖片滑動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
javascript設計模式 – 模板方法模式原理與用法實例分析
這篇文章主要介紹了javascript設計模式 – 模板方法模式原理,結(jié)合實例形式分析了javascript模板方法模式相關概念、原理、用法及操作注意事項,需要的朋友可以參考下2020-04-04
現(xiàn)在微博都有一個不錯的效果就是會實時的動態(tài)滾動并顯示最新的信息了，下面我來給大家介紹仿新浪微博大廳首頁滾動效果,希望此方法對大家會有幫助。2015-10-10
字符串拼接是所有程序設計語言都需要的操作。當拼接結(jié)果較長時，如何保證效率就成為一個很重要的問題。本文介紹的是Javascript中的字符串拼接，希望對你有幫助，一起來看。2014-09-09
這篇文章主要為大家介紹了Uni-app跨平臺開發(fā)應用入門實戰(zhàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
本文主要介紹了淺談JavaScript的幾種繼承實現(xiàn)方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-04-04