博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

innerHTML分析

Posted on 2010-12-02 20:42  PHP-张工  阅读(1835)  评论(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