html textarea換行和dom換行

2022-01-23 15:58:32 字數 422 閱讀 6674

從事開發已經兩年多了,但是還是不會發現問題找原因,可能是自己一直在學校養成的習慣吧,不過最近在葛經理的帶領下開始學會找原因了,而且發現自己變得更成熟了。

現在講講textarea和dom的換行吧,我們都知道dom換行是」

」而在textarea中換行是」\r\n」,如果你把textarea獲取到的資料顯示在dom中,當然就顯示不了換行了,因為兩者的換行符是不同的,這也是我在開發中遇到的這個問題,如何解決呢?很簡單,叫我一聲哥就可以了,呵呵,開玩笑的,解決方法如下:

replace(/\r\n/g, '

')注意:在js中我們使用了replace方法,並且方法引數使用了正規表示式,注意」g」的使用,它表示全部搜尋,如果不加,那麼只搜尋第一次出現的資料然後替換,所以你要對正規表示式要有所了解,最後將搜尋到的」\r\n」全部替換成」

」,這樣問題就解決了。

html textarea引數說明

1 cols,垂直列。在沒有做樣式表設定的情況下,它表示一行中可容納下的位元組數。例如cols 60,表示一行中最多可容納60個位元組,也就是30個漢字。另外要注意的是,文字框的寬度就是通過這個來調整,輸入好cols的數值,然後再定義輸入文字字型的大小 不定義的話,會採用預設值 那麼文字框的寬度就確...

CSS 強制換行和禁止換行強制換行 和禁止換行樣式

強制換行 1 word break break all 只對英文起作用,以字母作為換行依據。2 word wrap break word 只對英文起作用,以單詞作為換行依據。3 white space pre wrap 只對中文起作用,強制換行。禁止換行 white space nowrap ove...

Html 換行和非換行空格

在文字編輯中,我們會遇到換行的問題。在html中有換行元素和 非換行空格符來解決換行問題。1 換行 在文字的任何一點都可插入換行標籤 來插入換行。例如 feijie carboy homepage 2 禁止換行 有時可能要求瀏覽器不按常規換行,例如,顯示的公司名很長,但又希望瀏覽器的顯示頁面很窄也不...