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’
關(guān)于軟 / 硬回車的擴(kuò)展知識(shí)
硬回車：就是普通我們按回車產(chǎn)生的，它在換行的同時(shí)也起著段落分隔的作用。軟回車：是用 Shift + Enter 產(chǎn)生的，它換行，但是并不換段，即前后兩段文字在 Word 中屬于同一“段”。在應(yīng)用格式時(shí)你會(huì)體會(huì)到這一點(diǎn)。軟回車能使前后兩行的行間距大幅度縮小，因?yàn)樗皇嵌温錁?biāo)記，要和法定的段落標(biāo)記——硬回車區(qū)別出來。硬回車的html代碼是<p>…</p>，段落的內(nèi)容就夾在里面，而軟回車的代碼很精悍：<br/>。 網(wǎng)頁的文字如果復(fù)制到word中，則硬回車變?yōu)閺澢募^(
↵)，軟回車變?yōu)橄蛳碌募^(↓)。
js 字符串中的字符替換
將字符串中的換行符替換成在HTML中正確顯示換行的的
<br/>換行標(biāo)簽。
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, ' ');
補(bǔ)充：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é)
到此這篇關(guān)于js字符串中空格和換行符(\r,\s,\n,\r\n)的文章就介紹到這了,更多相關(guān)js字符串空格和換行符內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript調(diào)用客戶端Java程序的方法
這篇文章主要介紹了JavaScript調(diào)用客戶端Java程序的方法,實(shí)例分析了javascript調(diào)用java程序的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了js帶前后翻頁的圖片切換效果，圖片切換效果特別適合做產(chǎn)品展示，感興趣的小伙伴可以參考下。2015-09-09
微信小程序如何實(shí)現(xiàn)點(diǎn)擊圖片放大功能
這篇文章主要介紹了微信小程序如何實(shí)現(xiàn)點(diǎn)擊圖片放大功能,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
JS async 函數(shù)的含義和用法實(shí)例總結(jié)
這篇文章主要介紹了JS async 函數(shù)的含義和用法,結(jié)合實(shí)例形式總結(jié)分析了JS async 函數(shù)的基本功能、含義、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
本文主要介紹了使用webpack打包ts代碼的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
javascript實(shí)現(xiàn)導(dǎo)航欄分頁效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)導(dǎo)航欄分頁效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
本文對javascript中正則表達(dá)式進(jìn)行了總結(jié)匯總，將知識(shí)點(diǎn)和注意點(diǎn)都理了一下，并附上2個(gè)練習(xí)題，這里分享給小伙伴2014-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)跟隨小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
關(guān)于flash遮蓋div浮動(dòng)層的解決方法
關(guān)于flash遮蓋div浮動(dòng)層2010-07-07
JavaScript（簡稱“JS”）是一種具有函數(shù)優(yōu)先的輕量級(jí),解釋型或即時(shí)編譯型的編程語言,本文主要為大家介紹了JavaScript中三種常見引入方式,希望對大家有所幫助2024-01-01