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

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

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

前言

本文很簡單，就是記錄一下js對textarea換行符的處理。

調(diào)試

隨便寫一個textarea

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

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

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

textareaid.value.indexOf("\n")

但是直接通過正則全局替換沒有效果（如上圖）

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

但是單個替換可以替換到：

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

全局替換方案

如上圖運行，全局替換一般用如下代碼：

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

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

小結(jié)

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

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

JS實現(xiàn)滑動菜單效果代碼(包括Tab,選項卡,橫向等效果)
這篇文章主要介紹了JS實現(xiàn)滑動菜單效果代碼,以實例形式實現(xiàn)了包括Tab,選項卡,橫向等效果,非常簡單實用,需要的朋友可以參考下
2015-09-09
微信小程序綁定手機號獲取驗證碼功能
這篇文章主要介紹了微信小程序綁定手機號獲取驗證碼功能，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-10-10
JS實現(xiàn)對JSON數(shù)據(jù)進(jìn)行冒泡排序
JavaScript 是一種廣泛使用的腳本語言，JSON是一種常見的數(shù)據(jù)格式，這篇文章主要來探討一下如何使用 JavaScript 對 JSON 數(shù)據(jù)進(jìn)行冒泡排序，感興趣的可以了解一下
2023-06-06
layui使用數(shù)據(jù)表格實現(xiàn)購物車功能
這篇文章主要為大家詳細(xì)介紹了layui使用數(shù)據(jù)表格實現(xiàn)購物車功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-07-07
javascript createElement()創(chuàng)建input不能設(shè)置name屬性的解決方法
今天在使用document.createElement()動態(tài)創(chuàng)建input時，發(fā)現(xiàn)不能為其name賦值，以下是測試代碼。
2009-10-10
javascript實現(xiàn)簡單的分頁特效
下面給大家匯總的幾個javascript實現(xiàn)的分頁代碼，當(dāng)然必須要結(jié)合后臺代碼實現(xiàn)。大家可以自行分析一下代碼，希望能夠給大家?guī)硪欢ǖ膸椭?/div> 2015-08-08
createElement和onclick
createElement和onclick...
2006-11-11
使用javascript實現(xiàn)一個在線RGB顏色轉(zhuǎn)換器
目前已經(jīng)有很多網(wǎng)頁版在線小工具,之前很多窗體化的工具也逐漸網(wǎng)頁化,比如：PS畫圖軟件,也都能直接網(wǎng)頁化進(jìn)行設(shè)計,由于自己實際項目經(jīng)常會用到顏色轉(zhuǎn)換,所以直接自己開發(fā)個簡單版的在線顏色轉(zhuǎn)換小工具,需要的朋友可以參考下
2024-01-01
Bootstrap每天必學(xué)之下拉菜單
Bootstrap每天必學(xué)之下拉菜單，本文講解的就是大家最為常用的下拉菜單操作，感興趣的小伙伴們可以參考一下
2015-11-11
微信小程序使用百度AI識別接口的通用封裝Promise詳解
這篇文章主要介紹了微信小程序使用百度AI識別接口的通用封裝Promise,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-04-04