亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時(shí)間:2022年07月27日 09:42:45   作者:_Dream?maker  
我們?cè)谑褂米址畷r(shí)經(jīng)常會(huì)遇到換行問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于js字符串中空格和換行符(\r,\s,\n,\r\n)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

一、換行,回車

換行回車在不同操作系統(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ū)別出來(lái)。硬回車的html代碼是<p>…</p>,段落的內(nèi)容就夾在里面,而軟回車的代碼很精悍:<br/>。 網(wǎng)頁(yè)的文字如果復(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ù)空格的&nbsp;轉(zhuǎn)義字符。

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

補(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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 詳細(xì)分析jsonp的原理和實(shí)現(xiàn)方式

    詳細(xì)分析jsonp的原理和實(shí)現(xiàn)方式

    給大家圖文詳細(xì)分析一下jsonp的原理以及跨域問(wèn)題的匯總。
    2017-11-11
  • JavaScript reduce方法使用方法介紹

    JavaScript reduce方法使用方法介紹

    Reduce是個(gè)純函數(shù),即只要傳入相同的參數(shù),每次都應(yīng)返回相同的結(jié)果。不要把和處理數(shù)據(jù)無(wú)關(guān)的代碼放在Reduce里,讓Reduce保持純凈,只是單純地執(zhí)行計(jì)算,這篇文章主要介紹了Redux拆分reduce函數(shù)流程
    2022-10-10
  • JavaScript常用標(biāo)簽和方法總結(jié)

    JavaScript常用標(biāo)簽和方法總結(jié)

    JavaScript可以被瀏覽器直接解釋執(zhí)行,它可以更好得減小服務(wù)器壓力,提高程序運(yùn)行效率,下面小編通過(guò)本篇文章給大家分享JavaScript常用標(biāo)簽和方法,需要的朋友一起來(lái)學(xué)習(xí)吧
    2015-09-09
  • JavaScript判斷是否為數(shù)字的多種方法小結(jié)

    JavaScript判斷是否為數(shù)字的多種方法小結(jié)

    這篇文章主要介紹了JavaScript判斷是否為數(shù)字的多種方法小結(jié),本文給大家分享三種方法,結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
    2024-01-01
  • javascript經(jīng)典特效分享 手風(fēng)琴、輪播圖、圖片滑動(dòng)

    javascript經(jīng)典特效分享 手風(fēng)琴、輪播圖、圖片滑動(dòng)

    這篇文章主要介紹了javascript經(jīng)典特效,手風(fēng)琴、輪播圖、圖片滑動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-09-09
  • javascript設(shè)計(jì)模式 – 模板方法模式原理與用法實(shí)例分析

    javascript設(shè)計(jì)模式 – 模板方法模式原理與用法實(shí)例分析

    這篇文章主要介紹了javascript設(shè)計(jì)模式 – 模板方法模式原理,結(jié)合實(shí)例形式分析了javascript模板方法模式相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下
    2020-04-04
  • js實(shí)現(xiàn)新浪微博首頁(yè)效果

    js實(shí)現(xiàn)新浪微博首頁(yè)效果

    現(xiàn)在微博都有一個(gè)不錯(cuò)的效果就是會(huì)實(shí)時(shí)的動(dòng)態(tài)滾動(dòng)并顯示最新的信息了,下面我來(lái)給大家介紹仿新浪微博大廳首頁(yè)滾動(dòng)效果,希望此方法對(duì)大家會(huì)有幫助。
    2015-10-10
  • javascript中字符串拼接詳解

    javascript中字符串拼接詳解

    字符串拼接是所有程序設(shè)計(jì)語(yǔ)言都需要的操作。當(dāng)拼接結(jié)果較長(zhǎng)時(shí),如何保證效率就成為一個(gè)很重要的問(wèn)題。本文介紹的是Javascript中的字符串拼接,希望對(duì)你有幫助,一起來(lái)看。
    2014-09-09
  • Uni-app跨平臺(tái)開(kāi)發(fā)應(yīng)用入門(mén)實(shí)戰(zhàn)

    Uni-app跨平臺(tái)開(kāi)發(fā)應(yīng)用入門(mén)實(shí)戰(zhàn)

    這篇文章主要為大家介紹了Uni-app跨平臺(tái)開(kāi)發(fā)應(yīng)用入門(mén)實(shí)戰(zhàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-03-03
  • 淺談JavaScript的幾種繼承實(shí)現(xiàn)方式

    淺談JavaScript的幾種繼承實(shí)現(xiàn)方式

    本文主要介紹了淺談JavaScript的幾種繼承實(shí)現(xiàn)方式,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2023-04-04

最新評(píng)論