DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 關於textarea提交的內容無法換行的解決辦法
關於textarea提交的內容無法換行的解決辦法
編輯:JavaScript基礎知識     

當我們在頁面上通過 textarea 提交數據的時候,我們我們輸入的內容在提交後都會被處理為了一段內容,即使我們在 textarea 裡面輸入了很多的換行,提交後也是一段內容,那如果我們需要將我們輸入的信息按照輸入的形式保存下來該如何做呢?

這裡面存在一個主要的問題是在頁面顯示的時候換行符是 <br /> 標簽,而內容在 textarea 中顯示時的換行符是 \n ,下面介紹一種方法通過 js 將輸入的內容中的換行符轉換為網頁中的換行符。在網頁數據提交錢作如下處理即可。

復制代碼 代碼如下:
<script type="text/javascript">
//回車轉換行
var content=document.getElementById("content").value;
content=content.replace('\n','<br />');
document.getElementById("content").value=content;
//然後提交
</script>

在頁面中顯示的時候同樣需要經過一下處理,與以上處理過程正好相反:

復制代碼 代碼如下:
content=content.replace('<br />','\n');

下面對 js 的 replace 函數做一下解釋:

語法:

stringObject.replace(regexp/substr,replacement)

replace() 方法用於在字符串中用一些字符替換另一些字符,或替換一個與正則表達式匹配的子串。

一、替換單個字符

復制代碼 代碼如下:
<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,是正則表達式,這說明,在replace()還可以使用正則表達式。

當然 replace 還有更高級的用法,大家可以相關文檔獲取更多更多的高級用法。


XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved