javascript innerHTML使用分析
作者:
在做 《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