`

各浏览器对css，html，js支持的差异

 
阅读更多

1对id的支持不一样。

js：

function testInnerHTML2(){
alert('start!');
if(content.innerHTML.indexOf('id')!=-1)
alert('id');
if(content.innerHTML.indexOf('test')!=-1)
alert('test');
if(content.innerHTML.indexOf('con'!=-1))
alert('con');
if(content.className!='')
alert(content.className);
}

html：

<body onload="testInnerHTML2();" id="content">
<div id="test">con</div>
</body>

IE能判断id，test，con存在，并且body的class属性当前为空。

但是firefox似乎不能做以上判断。(这个结论似乎不对！！！！)

这个似乎表明firefox不支持直接使用id到表达式中。如果将js中的content改为document.getElementById("content")，js在两个浏览器中表现就一样了。

2display:none在IE中的使用

似乎直接使用display:none对div，是没有用的，加上一个span，对span使用这个规则才行:

<div><span></span></div>

分享到：
| javascript学习二
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html+css+js网页设计

    html css js网页设计CSS 要点： 样式化页面布局： 使用 CSS 来设计页面的布局，包括定位、盒模型、布局...兼容性和浏览器差异： 不同浏览器对 CSS 属性的解释和渲染方式可能有所不同，需要考虑到浏览器兼容性问题。

    HTML实现的2024新年烟花代码

    内容概要： 这是一段使用HTML、CSS和JavaScript实现的2024新年烟花...由于HTML、CSS和JavaScript的浏览器兼容性问题，这个烟花效果可能在不同的浏览器或设备上表现略有差异。另外，这个项目只是一种基础的烟花模拟。

    css和js hack手册

    浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享 ...

    Modernizr:JS库，可在用户浏览器中检测HTML5和CSS3功能-开源

    Modernizr是一个JavaScript库，用于告诉您用户浏览器中存在哪些HTML，CSS和JavaScript功能。 这可以帮助您更好地响应用户的浏览器功能，并提供更加量身定制的体验。 用户浏览器和设备的差异通常会在打开网页时导致...

    modernizr.js开发，官网完整模块全下载

    modernizr.js是HTML5开发必备库，Modernizr是一个开源的JS库，它使得那些基于访客浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简单。它使得设计师可以在支持HTML5和CSS3的...

    modernizr.custom.js开发版 官网下载

    Modernizr是一个开源的JS库，它使得那些基于访客浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简单。它使得设计师可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性...

    javascript 学习笔记（六）浏览器类型及版本信息检测代码

    由于各浏览器对css以及js支持的差异性，我们在做前端开发时，经常需要先检测浏览器的类型及版本，然后会对各自的差异性来写代码！

    详解CSS3浏览器兼容

    本篇介绍了CSS3与页面布局学习总结——浏览器兼容与前端性能优化，具体如下： 一、浏览器兼容 1.1、概要 世界上没有任何一个浏览器是一样的，同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦...

    HTML实现的新年烟花代码

    由于HTML、CSS和JavaScript的浏览器兼容性问题，这个烟花效果可能在不同的浏览器或设备上表现略有差异。同时，为了实现最佳效果，建议在支持HTML5 canvas元素的现代浏览器上运行此代码。另外，这个项目只是一种基础...

    css relative相对定位的top值在不同浏览器中使用js获取的差异

    这个relative是指相对于这个对象原来所在位置（参照）的值，如某个对象有"position:relative"的...js在获取这个top值的时候，如果css中没有显式指定这个值，IE，chrome，oprea等认为该值为auto，firefox认为该值为0px

    js库Modernizr的介绍和使用

    传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 ...Modernizr是一个开源的JS库，它使得那些基于访客浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简单。它使得设计

    JavaScript王者归来part.1 总数2

    　14.1.3 浏览器支持的CSS　 　14.2 JavaScript与CSS　 　14.2.1 CSS和DOM的关系　 　14.2.2 CSS和IE的关系　 　14.2.3 浏览器的CSS兼容性　 　14.3 控制CSS改变页面风格　 　14.3.1 实现结构与表现的分离及其范例　...

    常见的浏览器兼容性问题(小结)

    浏览器的兼容性无非还是样式兼容性（css），交互兼容性（javascript），浏览器 hack 三个方面。 样式兼容性（css）方面 （1） 因为历史原因，不同的浏览器样式存在差异，可以通过 Normalize.css 抹平差异，也可以...

    详解CSS中@supports的用法

    可以基于css来做一些特性检测，也就是@supports，这个特性已经有两年多了，之前浏览器支持度不够，现在webkit nightly也开始支持了，也就是说safari 9会支持到，这样的话，Blink+webKit+gecko都支持了，只剩下IE浏览...

    前端开发常见问题汇总概要总结.docx

    布局与样式兼容性：不同浏览器对CSS标准支持程度各异，导致布局差异，需要处理盒模型、float、positioning、flexbox、grid等方面的兼容问题。 响应式设计：移动设备适配、屏幕分辨率变化下的布局调整和图像自适应等...

    用JavaScript判断CSS浏览器类型前缀的两种方法

    不管浏览器更新的多快，号称多么支持标准。厂商不同，他们之间还是有很多差异。我们需要区分出这些差异，针对不同的浏览器做不同的处理。

    js中设置元素class的三种方法小结

    列举所有的方式，看看各浏览器的支持差异。方便用js动态设置元素css的代码。需要的朋友可以参考下。

    viff:Viff 测试框架。 在不同环境（开发、登台、生产）和浏览器中查找网页之间的视觉差异

    微小的 CSS 差异 图表差异 内容差异 部分差异 事件处理 React灵敏 多个浏览器 多种环境 浏览器堆栈 可编程的 使用 Viff 服务器（测试版） 快速示例 启动服务器 $ wdm start // open selenium webdriver server 您...

    前端面试题总结.docx

    前端面试笔记总结，html ,css ,html5 ,css3 ,js,vue基础的面试题，HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。

Magicbox
Global site tag (gtag.js) - Google Analytics