關(guān)于textarea提交的內(nèi)容無(wú)法換行的解決辦法
當(dāng)我們?cè)陧?yè)面上通過(guò) textarea 提交數(shù)據(jù)的時(shí)候，我們我們輸入的內(nèi)容在提交后都會(huì)被處理為了一段內(nèi)容，即使我們?cè)?textarea 里面輸入了很多的換行，提交后也是一段內(nèi)容，那如果我們需要將我們輸入的信息按照輸入的形式保存下來(lái)該如何做呢？
這里面存在一個(gè)主要的問(wèn)題是在頁(yè)面顯示的時(shí)候換行符是 <br /> 標(biāo)簽，而內(nèi)容在 textarea 中顯示時(shí)的換行符是 \n ，下面介紹一種方法通過(guò) js 將輸入的內(nèi)容中的換行符轉(zhuǎn)換為網(wǎng)頁(yè)中的換行符。在網(wǎng)頁(yè)數(shù)據(jù)提交錢(qián)作如下處理即可。
<script type="text/javascript">
//回車(chē)轉(zhuǎn)換行
var content=document.getElementById("content").value;
content=content.replace('\n','<br />');
document.getElementById("content").value=content;
//然后提交
</script>
在頁(yè)面中顯示的時(shí)候同樣需要經(jīng)過(guò)一下處理，與以上處理過(guò)程正好相反：
content=content.replace('<br />','\n');
下面對(duì) js 的 replace 函數(shù)做一下解釋：
語(yǔ)法：
stringObject.replace(regexp/substr,replacement)
replace() 方法用于在字符串中用一些字符替換另一些字符，或替換一個(gè)與正則表達(dá)式匹配的子串。
一、替換單個(gè)字符
<script language="javascript">
var str="javascript is a good script language";
alert(str.replace("a","A"));//輸出jAvascript is a good script language
</script>
二、替換字符串中存在的指定的所有字符（全部替換）
<script language="javascript">
var str="javascript is a good script language";
alert(str.replace(/a/g,"A"));//輸出jAvAscript is A good script lAnguAge
</script>
上述的/g，是正則表達(dá)式，這說(shuō)明，在replace()還可以使用正則表達(dá)式。
當(dāng)然 replace 還有更高級(jí)的用法，大家可以相關(guān)文檔獲取更多更多的高級(jí)用法。
相關(guān)文章
這篇文章主要介紹了JS中使用DOM來(lái)控制HTML元素的相關(guān)資料,需要的朋友可以參考下2016-07-07
Javascript入門(mén)學(xué)習(xí)第一篇 js基礎(chǔ)
這是我看了DOM編程藝術(shù)，悟透JavaScript，javascript權(quán)威指南5做的筆記，我資質(zhì)不深，不能寫(xiě)出高深的文章， 如果你覺(jué)得筆記寫(xiě)得不好，可以不看我以后的。這篇文章就當(dāng)作浪費(fèi)你幾分鐘。2008-07-07
xmlHttp是一套在JavaScript腳本語(yǔ)言中通過(guò)Http協(xié)議傳送或者接收XML及其他數(shù)據(jù)的API。2011-01-01
實(shí)例講解JavaScript中instanceof運(yùn)算符的用法
JavaScript中的instanceof運(yùn)算符可以用來(lái)判斷對(duì)象類型,而更重要的是instanceof能夠判斷對(duì)象的繼承關(guān)系,這里我們就來(lái)以實(shí)例講解JavaScript中instanceof運(yùn)算符的用法2016-06-06
這篇文章主要介紹了JavaScript中的bold()方法使用詳解,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
javascript Function函數(shù)理解與實(shí)戰(zhàn)
小編給大家?guī)?lái)一片關(guān)于javascript的基礎(chǔ)教學(xué)內(nèi)容，關(guān)于Function函數(shù)的訓(xùn)練與理解，一起學(xué)習(xí)下吧。2017-12-12
淺談Web頁(yè)面向后臺(tái)提交數(shù)據(jù)的方式和選擇
下面小編就為大家?guī)?lái)一篇淺談Web頁(yè)面向后臺(tái)提交數(shù)據(jù)的方式和選擇。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
有些朋友在做div css js切換時(shí),會(huì)碰到很多的問(wèn)題，于是搜集整理了一下，拿出來(lái)和大家分享，希望可以幫助你們2012-12-12
js setTimeout 常見(jiàn)問(wèn)題小結(jié)
主要包括this指向問(wèn)題、向setTimeout傳入?yún)?shù)等相關(guān)問(wèn)題，下面與大家分享下以上問(wèn)題的解決方法，感興趣的朋友可以參考下2013-08-08
這篇文章主要為大家介紹了javascript作用域和作用域鏈，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-01-01