快捷導(dǎo)航

關(guān)于js對(duì)textarea換行符的處理方法淺析

更新時(shí)間：2018年08月03日 10:34:03 作者：Haorooms

這篇文章主要給大家介紹了關(guān)于js對(duì)textarea換行符的處理方法的相關(guān)資料，文中通過(guò)示例代碼介紹地方非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

本文很簡(jiǎn)單，就是記錄一下js對(duì)textarea換行符的處理。

調(diào)試

隨便寫(xiě)一個(gè)textarea

<textarea name="" id="textareaid" cols="30" rows="10"></textarea>

整個(gè)調(diào)試如下圖：

發(fā)現(xiàn)： textareaid里面的換行符可以通過(guò)indexOf獲取

textareaid.value.indexOf("\n")

但是直接通過(guò)正則全局替換沒(méi)有效果（如上圖）

textareaid.value.replace('/\n/g',';')

但是單個(gè)替換可以替換到：

textareaid.value.replace('\n',';')
"haorooms換行符測(cè)試;haorooms換行符測(cè)試1
haorooms換行符測(cè)試2
haorooms換行符測(cè)試3"
textareaid.value.replace('\n','<br/>')
"haorooms換行符測(cè)試<br/>haorooms換行符測(cè)試1
haorooms換行符測(cè)試2
haorooms換行符測(cè)試3"

全局替換方案

如上圖運(yùn)行，全局替換一般用如下代碼：

textareaid.value.split("\n").join(";")

先分割成數(shù)組，然后再用你要替換的符號(hào)鏈接。

小結(jié)

文章很短，發(fā)現(xiàn)很多網(wǎng)上的寫(xiě)法不是很對(duì)。把自己的調(diào)試過(guò)程，記錄一下，分享給大家！

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章:

相關(guān)文章

html+js實(shí)現(xiàn)動(dòng)態(tài)顯示本地時(shí)間
顯示本地時(shí)間的方法有很多，在本文將為大家介紹下如何使用html+js實(shí)現(xiàn)動(dòng)態(tài)顯示本地時(shí)間，感興趣的朋友可以了解下
2013-09-09
微信小程序scroll-view不能左右滑動(dòng)問(wèn)題的解決方法
scroll-view為滾動(dòng)視圖,分為水平滾動(dòng)和垂直滾動(dòng),這篇文章主要給大家介紹了關(guān)于微信小程序scroll-view不能左右滑動(dòng)問(wèn)題的解決方法,需要的朋友可以參考下
2021-07-07
javascript數(shù)據(jù)結(jié)構(gòu)與算法之檢索算法
查找數(shù)據(jù)有2種方式，順序查找和二分查找。順序查找適用于元素隨機(jī)排列的列表。二分查找適用于元素已排序的列表。二分查找效率更高，但是必須是已經(jīng)排好序的列表元素集合
2015-04-04
uniapp web-view組件雙向通信的問(wèn)題記錄
本文主要介紹在uniapp中頁(yè)面與webview組件內(nèi)頁(yè)面的雙向通信問(wèn)題,本文通過(guò)圖文實(shí)例代碼相結(jié)合給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧
2024-07-07
js前端存儲(chǔ)之sessionStorage使用方法舉例
sessionStorage是指本地存儲(chǔ)一個(gè)會(huì)話中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁(yè)面才能訪問(wèn)并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀,這篇文章主要給大家介紹了關(guān)于js前端存儲(chǔ)之sessionStorage使用方法的相關(guān)資料,需要的朋友可以參考下
2024-06-06
JavaScript切換搜索引擎的導(dǎo)航網(wǎng)頁(yè)搜索框?qū)嵗a
這篇文章主要介紹了javascript切換搜索引擎的導(dǎo)航網(wǎng)頁(yè)搜索框的實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值 ,需要的朋友可以參考下
2017-06-06
關(guān)于JavaScript中的數(shù)組方法和循環(huán)
這篇文章主要介紹了關(guān)于JavaScript中的數(shù)組方法和循環(huán)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
js動(dòng)態(tài)修改input輸入框的type屬性(實(shí)現(xiàn)方法解析)
本文是對(duì)js動(dòng)態(tài)修改input輸入框的type屬性的實(shí)現(xiàn)方法。進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11
微信小程序按鈕點(diǎn)擊動(dòng)畫(huà)效果的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序按鈕點(diǎn)擊動(dòng)畫(huà)效果的實(shí)現(xiàn),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-09-09
JavaScript 獲得選中文本內(nèi)容的方法
今天希望實(shí)現(xiàn)一個(gè)，直接在網(wǎng)頁(yè)上選中文本，點(diǎn)擊收藏夾的鏈接（javascript）即可彈出新窗口（類似“百度搜藏”和“QQ書(shū)簽”），新窗口中的文本框即顯示了選中的文本。
2009-02-02