關(guān)于js對textarea換行符的處理方法淺析
前言
本文很簡單,就是記錄一下js對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換行符測試;haorooms換行符測試1 haorooms換行符測試2 haorooms換行符測試3" textareaid.value.replace('\n','<br/>') "haorooms換行符測試<br/>haorooms換行符測試1 haorooms換行符測試2 haorooms換行符測試3"
全局替換方案
如上圖運(yùn)行,全局替換一般用如下代碼:
textareaid.value.split("\n").join(";")
先分割成數(shù)組,然后再用你要替換的符號鏈接。
小結(jié)
文章很短,發(fā)現(xiàn)很多網(wǎng)上的寫法不是很對。把自己的調(diào)試過程,記錄一下,分享給大家!
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
- jsp實(shí)現(xiàn)textarea中的文字保存換行空格存到數(shù)據(jù)庫的方法
- 把textarea中字符串里含有的回車換行替換成<br>的javascript代碼
- JS簡單限制textarea內(nèi)輸入字符數(shù)量的方法
- JS給Textarea文本框添加行號的方法
- 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)文章
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)問題的解決方法
scroll-view為滾動(dòng)視圖,分為水平滾動(dòng)和垂直滾動(dòng),這篇文章主要給大家介紹了關(guān)于微信小程序scroll-view不能左右滑動(dòng)問題的解決方法,需要的朋友可以參考下2021-07-07javascript數(shù)據(jù)結(jié)構(gòu)與算法之檢索算法
查找數(shù)據(jù)有2種方式,順序查找和二分查找。順序查找適用于元素隨機(jī)排列的列表。二分查找適用于元素已排序的列表。二分查找效率更高,但是必須是已經(jīng)排好序的列表元素集合2015-04-04JavaScript切換搜索引擎的導(dǎo)航網(wǎng)頁搜索框?qū)嵗a
這篇文章主要介紹了javascript切換搜索引擎的導(dǎo)航網(wǎng)頁搜索框的實(shí)例代碼,非常不錯(cuò),具有參考借鑒價(jià)值 ,需要的朋友可以參考下2017-06-06關(guān)于JavaScript中的數(shù)組方法和循環(huán)
這篇文章主要介紹了關(guān)于JavaScript中的數(shù)組方法和循環(huán),具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09js動(dòng)態(tài)修改input輸入框的type屬性(實(shí)現(xiàn)方法解析)
本文是對js動(dòng)態(tài)修改input輸入框的type屬性的實(shí)現(xiàn)方法。進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11微信小程序按鈕點(diǎn)擊動(dòng)畫效果的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序按鈕點(diǎn)擊動(dòng)畫效果的實(shí)現(xiàn),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09