innerHTML分析
Posted on
2010-12-02 20:42
PHP-張工
閱讀(1783)
評論(2)
編輯
收藏
舉報
在做 《JS線上打字練習》時，發現JS在不同浏覽器上的字元處理是不一樣的。
空格處理
當在DIV中輸入"a[任意個空格]a" HTML呈現在Chrome和IE下是一樣的：隻顯示一個空格。
innerHTML屬性
- IE還是兩個a加一個空格，
- Chrome則是原始輸入的樣子。
回車
當在DIV中輸入"a[回車][任意個空格]a"時，HTML呈現Chrome和IE是一樣的。
innerHTML屬性
- IE是3個字元，在兩個a中間加了個空格。
- Chrome則是原始輸入的樣子，将回車解析為\n。
HTML标記
當在DIV中輸入"a<Br>a" HTML呈現在Chrome和IE下是一樣的。
innerHTML屬性
- IE中是a<BR>a，将HTML标記大寫了！
- Chrome是a<br>a，将HTML标記小寫
TEXTAREA中回車
在textarea多行輸入框中輸入a[回車]b，HTML呈現Chrome和IE是一樣的。
value屬性
- IE是4個字元，内容為：a\r\nb
- Chrome是3個字元，内容為：a\nb