技术教程 javascript innerHTML使用分析 正文

javascript innerHTML使用分析

2022-10-15,

在做 《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
转载自 http://www.cnblogs.com/zjfree/

《javascript innerHTML使用分析.doc》

下载本文的Word格式文档，以方便收藏与打印。

Copyright 2023. 昆居客 - IT编程,互联网信息技术文档大全!