随笔 - 317, 文章 - 0, 评论 - 453, 阅读 - 114万
  博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

innerHTML分析

Posted on   PHP-张工  阅读(1838)  评论(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
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
点击右上角即可分享
微信分享提示