javascript innerHTML使用分析

 更新时间:2010年12月03日 22:33:25   作者:  
在做 《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/

相关文章

  • 微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)

    微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)

    这篇文章主要介绍了微信小程序MUI导航栏透明渐变功能,结合实例形式分析了通过改变rgba的a值实现透明度渐变功能的相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • JavaScript实现无阻塞加载的常用方式

    JavaScript实现无阻塞加载的常用方式

    在 JavaScript 中,无阻塞加载(Non-blocking Loading)是优化网页性能的关键技术,通过避免脚本阻塞页面渲染和其他资源的加载,提升用户体验,以下是实现无阻塞加载的常用方法及示例,需要的朋友可以参考下
    2025-03-03
  • 如何防止JavaScript自动插入分号

    如何防止JavaScript自动插入分号

    JavaScript语言有一个机制:在解析时,能够在一句话后面自动插入一个分号,用来修改语句末尾遗漏的分号分隔符。然而,由于这个自动插入的分号与JavaScript语言的另一个机制发生了冲突,即所有空格符都被忽略,因此程序可以利用空格格式化代码
    2015-11-11
  • JavaScript实现随机数生成器(去重)

    JavaScript实现随机数生成器(去重)

    这篇文章主要为大家详细介绍了JavaScript实现随机数生成器,生成不重复的随机数,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • 微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其问题解决方法

    微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其问题解决方法

    这篇文章主要介绍了微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其问题解决方法,文章描述了微信小程序中web-view嵌入H5页面时遇到的问题,特别是当H5页面中包含iframe时,如何在iframe中实现跳转到小程序的index页面,需要的朋友可以参考下
    2024-11-11
  • axios使用拦截器统一处理所有的http请求的方法

    axios使用拦截器统一处理所有的http请求的方法

    这篇文章主要介绍了axios使用拦截器统一处理所有的http请求的方法,通过一段实例代码给大家介绍了axios拦截器使用,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • 深入浅析javascript函数中with

    深入浅析javascript函数中with

    这篇文章主要介绍了javascript函数中with,with函数方便用来引用某个对象中已有的属性,但是不能用来给对象添加属性,要给对象创建新的属性,下面通过代码给大家讲解,需要的朋友可以参考下
    2018-10-10
  • 标题过长使用javascript按字节截取字符串

    标题过长使用javascript按字节截取字符串

    在网页展示中经常会碰到,标题过长,需要截取字符串,用CSS的实现的话各种兼容问题,下面为大家介绍下javascript如何按字节截取字符串
    2014-04-04
  • 用nodejs访问ActiveX对象,以操作Access数据库为例。

    用nodejs访问ActiveX对象,以操作Access数据库为例。

    有人提问“如果用nodejs访问sql server?” 找了找资料,发现有两类解决方法,使用第三方nodejs插件
    2011-12-12
  • ES6入门教程之Class和Module详解

    ES6入门教程之Class和Module详解

    这篇文章主要给大家介绍了ES6中Class和Module的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-05-05

最新评论