關(guān)于js對(duì)textarea換行符的處理方法淺析
前言
本文很簡(jiǎn)單，就是記錄一下js對(duì)textarea換行符的處理。
調(diào)試
隨便寫一個(gè)textarea
<textarea name="" id="textareaid" cols="30" rows="10"></textarea>
整個(gè)調(diào)試如下圖：
發(fā)現(xiàn)： textareaid里面的換行符可以通過indexOf獲取
textareaid.value.indexOf("\n")
但是直接通過正則全局替換沒有效果（如上圖）
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)上的寫法不是很對(duì)。把自己的調(diào)試過程，記錄一下，分享給大家！
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
- jsp實(shí)現(xiàn)textarea中的文字保存換行空格存到數(shù)據(jù)庫(kù)的方法
- 把textarea中字符串里含有的回車換行替換成<br>的javascript代碼
- JS簡(jiǎn)單限制textarea內(nèi)輸入字符數(shù)量的方法
- JS給Textarea文本框添加行號(hào)的方法
- JS實(shí)現(xiàn)選擇TextArea內(nèi)文本的方法
- js監(jiān)聽鼠標(biāo)事件控制textarea輸入字符串的個(gè)數(shù)
- JS實(shí)現(xiàn)textarea通過換行或者回車把多行數(shù)字分割成數(shù)組并且去掉數(shù)組中空的值
相關(guān)文章
JS實(shí)現(xiàn)滑動(dòng)菜單效果代碼(包括Tab,選項(xiàng)卡,橫向等效果)
這篇文章主要介紹了JS實(shí)現(xiàn)滑動(dòng)菜單效果代碼,以實(shí)例形式實(shí)現(xiàn)了包括Tab,選項(xiàng)卡,橫向等效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09
微信小程序綁定手機(jī)號(hào)獲取驗(yàn)證碼功能
這篇文章主要介紹了微信小程序綁定手機(jī)號(hào)獲取驗(yàn)證碼功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10
JS實(shí)現(xiàn)對(duì)JSON數(shù)據(jù)進(jìn)行冒泡排序
JavaScript 是一種廣泛使用的腳本語(yǔ)言，JSON是一種常見的數(shù)據(jù)格式，這篇文章主要來探討一下如何使用 JavaScript 對(duì) JSON 數(shù)據(jù)進(jìn)行冒泡排序，感興趣的可以了解一下2023-06-06
layui使用數(shù)據(jù)表格實(shí)現(xiàn)購(gòu)物車功能
這篇文章主要為大家詳細(xì)介紹了layui使用數(shù)據(jù)表格實(shí)現(xiàn)購(gòu)物車功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
javascript createElement()創(chuàng)建input不能設(shè)置name屬性的解決方法
今天在使用document.createElement()動(dòng)態(tài)創(chuàng)建input時(shí)，發(fā)現(xiàn)不能為其name賦值，以下是測(cè)試代碼。2009-10-10
javascript實(shí)現(xiàn)簡(jiǎn)單的分頁(yè)特效
下面給大家匯總的幾個(gè)javascript實(shí)現(xiàn)的分頁(yè)代碼，當(dāng)然必須要結(jié)合后臺(tái)代碼實(shí)現(xiàn)。大家可以自行分析一下代碼，希望能夠給大家?guī)硪欢ǖ膸椭?/div> 2015-08-08
createElement和onclick...2006-11-11
使用javascript實(shí)現(xiàn)一個(gè)在線RGB顏色轉(zhuǎn)換器
目前已經(jīng)有很多網(wǎng)頁(yè)版在線小工具,之前很多窗體化的工具也逐漸網(wǎng)頁(yè)化,比如：PS畫圖軟件,也都能直接網(wǎng)頁(yè)化進(jìn)行設(shè)計(jì),由于自己實(shí)際項(xiàng)目經(jīng)常會(huì)用到顏色轉(zhuǎn)換,所以直接自己開發(fā)個(gè)簡(jiǎn)單版的在線顏色轉(zhuǎn)換小工具,需要的朋友可以參考下2024-01-01
Bootstrap每天必學(xué)之下拉菜單，本文講解的就是大家最為常用的下拉菜單操作，感興趣的小伙伴們可以參考一下2015-11-11
微信小程序使用百度AI識(shí)別接口的通用封裝Promise詳解
這篇文章主要介紹了微信小程序使用百度AI識(shí)別接口的通用封裝Promise,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-04-04最新評(píng)論