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