2008/10/27

換行符號(new line \n)在各種瀏覽器的差異

昨天寫了一個小短文『用 javascript 來排表格』,其中還附了一個小程式。原先我是在 Ubuntu 系統上,用 Firefox(ff) 瀏覽器。小程式測試一切正常;然後我又用 Internet Explorer(ie)測試,結果不能正常顯現結果。辛苦抓虫,抓了一個晚上,終於找到問題所在。原因是 ie 在處理換行符號(new line, \n)與其它瀏覽器不同所致。下面的表格是我測試的結果。

一)在 DIV 區塊間,換行符號的轉換。

屬性名稱 ie 8 ff 3.0.1 Safari 3.1.2 chrome 0.2.149.30
innerText 連續的多個空白(\n \t space 等)轉換成 一個 space。 \n 不變 \n 不變 \n 不變
innerHTML 連續的多個空白(\n \t space 等)轉換成 一個 space。 \n 不變 \n 不變 \n 不變
民國九十七年十月二十七日,用 Win/XP 測試。\t 為 tab

二)在 TEXTAREA 區塊間,換行符號的轉換。

屬性名稱 ie 8 ff 3.0.1 Safari 3.1.2 chrome 0.2.149.30
innerText \n 轉換成 \r\n \n 不變 \n 不變 \n 不變
innerHTML \n 轉換成 \r\n \n 不變 \n 不變 \n 不變
民國九十七年十月二十七日,用 Win/XP 測試。\r 為 carriage return

詳細用法請參考 『用 javascript 來排表格』 短文的小程式。

沒有留言:

©2008 - 2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。