欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中循環(huán)字符串拼接時(shí)加換行問(wèn)題

 更新時(shí)間：2023年02月13日 08:46:33   作者：H夜幕降臨L  
這篇文章主要介紹了JS中循環(huán)字符串拼接時(shí)加換行問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

JS循環(huán)字符串拼接時(shí)加換行

var importantItemsStr = "";
for(var i=0;i<array.length;i++){
	importantItemsStr += (data[i].importantItems+ "\n");
}

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ū)別出來(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;');

在這里插入圖片描述

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • JS實(shí)現(xiàn)小球的彈性碰撞效果

    JS實(shí)現(xiàn)小球的彈性碰撞效果

    這篇文章主要介紹了JS實(shí)現(xiàn)小球的彈性碰撞效果 ,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
    2017-11-11
  • 關(guān)于JS變量和作用域詳解

    關(guān)于JS變量和作用域詳解

    下面小編就為大家?guī)?lái)一篇關(guān)于JS變量和作用域詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-07
  • javascript結(jié)合canvas實(shí)現(xiàn)圖片旋轉(zhuǎn)效果

    javascript結(jié)合canvas實(shí)現(xiàn)圖片旋轉(zhuǎn)效果

    圖片的旋轉(zhuǎn)可以說(shuō)是一種效果，但是逐漸旋轉(zhuǎn)已經(jīng)不單單是屬于視覺(jué)效果那個(gè)范疇，其更具有使用性，功能性。照片有時(shí)候是需要橫過(guò)來(lái)的拍的，當(dāng)我們預(yù)覽或共享到web上時(shí)需要進(jìn)行旋轉(zhuǎn)。這個(gè)操作在以往可能更多的是交給軟件去完成，然后再將旋轉(zhuǎn)到正常角度的圖片發(fā)布到web上。
    2015-05-05
  • Layui實(shí)現(xiàn)多條件查詢的示例代碼

    Layui實(shí)現(xiàn)多條件查詢的示例代碼

    本文主要介紹了Layui實(shí)現(xiàn)多條件查詢，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2021-12-12
  • javascript中indexOf技術(shù)詳解

    javascript中indexOf技術(shù)詳解

    indexOf()函數(shù)用于查找子字符串在當(dāng)前字符串中第一次出現(xiàn)的位置。該函數(shù)屬于String對(duì)象，所有主流瀏覽器均支持該函數(shù)。下面我們就來(lái)詳細(xì)探討下javascript的index0f()函數(shù)
    2015-05-05
  • 清空代碼防止查看源代碼的js代碼

    清空代碼防止查看源代碼的js代碼

    清空代碼防止查看源代碼的js代碼...
    2007-07-07
  • 如何基于viewport vm適配移動(dòng)端頁(yè)面

    如何基于viewport vm適配移動(dòng)端頁(yè)面

    這篇文章主要介紹了如何基于viewport vm適配移動(dòng)端頁(yè)面,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-11-11
  • javascript的函數(shù)劫持淺析

    javascript的函數(shù)劫持淺析

    javascript函數(shù)劫持，也就是老外提到的javascript hijacking技術(shù)。雖然這個(gè)概念在前端領(lǐng)域使用較少，但是在安全領(lǐng)域、自定義業(yè)務(wù)等場(chǎng)景下還是有一定的使用價(jià)值的。所以，這一篇文章將會(huì)和大家一起去了解一下JS中的函數(shù)劫持是什么，有什么作用，下面來(lái)一起看看吧。
    2016-09-09
  • JavaScript獲取URL參數(shù)的幾種方法小結(jié)

    JavaScript獲取URL參數(shù)的幾種方法小結(jié)

    在Web開(kāi)發(fā)中,經(jīng)常需要從URL中提取參數(shù)來(lái)進(jìn)行相應(yīng)的操作,本文將深度解析在JavaScript中獲取URL參數(shù)的幾種方法,并附帶一些擴(kuò)展與高級(jí)技巧,希望對(duì)你有所幫助
    2024-09-09
  • js 執(zhí)行上下文和作用域的相關(guān)總結(jié)

    js 執(zhí)行上下文和作用域的相關(guān)總結(jié)

    這篇文章主要介紹了js 執(zhí)行上下文和作用域的相關(guān)知識(shí)總結(jié)，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下
    2021-02-02

最新評(píng)論