当前位置: 首页 > 编程日记 > 正文

IE6、IE7、IE8的CSS、JS兼容

Internet Explorer 6中查看使用 Microsoft JScript 的网页,可能会遇到web浏览器速度较慢的性能问题。原因是如果js脚本同时创建大量变量,jscript引擎执行垃圾收集算法时会监视脚本中变量分配的 数量、脚本中使用的文字值的数量和脚本中分配的字符串值的总大小,如果超过这些值的阈值,就会发生垃圾收集,垃圾收集进程会中断正在运行的脚本。因此,这 些运行中的脚本将被挂起,直至垃圾收集完成为止。

IE6 IE7 IE8 CSS JS 方面的区别 :

1、IE8中的css中关于width或是height中如果使用像素形式作为参数时,参数必须是带“px”的,而且此参数必须是大于0的,而在IE6和IE7中是支持不带“px”参数的,而且参数是可以为一个负数。

2、如:style=height:180px\\0;只有IE8能识别,style=height:180px\\9,IE都能识别。

2、IE8中的css中“border-style:outset ;”是没有效果的。

3、IE8中的无序列表之间的距离要比IE6和IE7大的多。

4、IE6能识别*,但不能识别!important,IE7能识别*也能识别!important。

5、IE6支持下划线,IE7不支持下划线。

6、在IE8中,一个Iframe中取event.x的值不是Iframe中的相对x坐标,而是最外层的window的x坐标,但是event.y 却是取的是 Iframe中的相对y坐标。而在IE6和IE7中,event.x和event.y却得的都是所在Iframe中的相对坐标,可以用 event.clinetX代替。

7、IE8中的javascript中的function对象例如:

function a(){alert(“helloworld”);}

var fun = new function(‘’,’helloworld’);

alert(fun);

此时返回的值为function anonymous(){function a(){alert(“helloworld”)}}, 而在IE6和IE7中返回的值为function anonymous(){alert("helloworld")},也就是说当Function的第二个参数如果是一个函数时,IE8对此参数作用的是 整个函数的代码,而IE6和IE7则是对此参数起作用的是函数的内部代码(不包括 “function a(){”和“}”的函数头和尾)。

8、在ie6中,使用window.status =" 欢迎光临我的博客!!!",就能在状态栏显示这么一行字,但在IE7中,IE7的安全性设置中,默认是不允许脚本更新状态栏的.

9、IE8会把 IE6,7,8 css 进行测试:

测试代码:样式代码: p {color:#f00;} xhtml 代码:  

 文字

IE6

IE7

IE8

备注

p{_color:red}

×

×

IE6 专用

*html   p{color:#red;}

×

×

IE6 专用

p{+color:red}

×

IE6,7 专用

p{*color:red}

×

IE6,7 专用

*html   p{color:red;}

×

IE6,7 专用

p{*+color: red}

×

×

IE7 专用

Body> p{ color: red }

×

屏蔽 IE6

/*\\*//*/p{+color:red}/**/

×

×

IE8 专用

p{/*/*/color;/**/}

×

屏蔽 IE8

p{color:red!important}

p{color:red}

都能用

html>/**/body .head{color:#red;}

×

×

只对 IE8

对于 IE8 js 新增的功能 :

1、 IE8开始支持一些新的W3C规格,其中多了querySelector和querySelectorAll两个函数

2、 IE8 引入XDomainRequest跨站数据获取功能。 这是一个非常有趣的进行跨站数据获取的功能,不过它与Firefox 3中的跨站 XMLHttpRequest的工作原理不太一样。它的跨域并不是无限制的。需要服务端返回http header中带有XDomainRequestAllowed=1才可以跨域,否则是不成功的。XMLRequest 不能跨站一直都是多子域服务器的硬伤。使得很多情况不得不考虑最原始的动态script和JSON的方式。不过IE8团队有意解决跨站访问数据的问题,这 是IE8的一个进步。另外,IE8下的XMLHttpRequest增加了一个很重要的属性 timeout和ontimeout方法,它在对程序进行优化时极其重要。

3、 getElementById可以通过id来返回对象。getAttribute("checked") 现在返回“checked”而不是true。动态创建(或修改)的单选按钮现在可以被选择了。

支持更多对HTML5的功能:

1、 window.location.hash。这个功能已经被多数浏览器支持的非常好。在IE8标准模式中将window.location.hash中的 更改作为导航,并保存先前文档的URL,可以像在Ajax应用中模仿“后退”按钮效果。IE8中对它进行了改良,可以广播这个hashchanged时 间。

2、 DOM存储。通过这个功能,数据可以持续保存在本地,它将取代原始的cookie存DOM存储。

3、 postMessage。IE8现在支持跨文件消息通讯(Cross-Document Messaging-XDM)!通过onmessage事件和postMessage方法,两个来自不同域的网页可以进行通讯。目前IE8、Opera 9、Firefox 3和WebKit nightlies版均支持这个功能,也就是说,该功能几乎已被所有最新浏览器支持。

4、 Offline Events。在IE 8中拥有一些离线事件来检测网络的中断,通过它我们可以编写精彩的离线Ajax应用。目前来看支持这一功能的浏览器包括Firefox3和IE8。

用firefox或者chrome一登陆最小系统就报480分钟超时错误

IE6 Bugs

1 、不支持用样式设置 <abbr> 元素

2 、不支持以连字符和下划线开头的 class 和 ID 名

3 、 <select> 元素总是出现在堆叠最上面,而无视 z-index 值

4 、如果锚点的伪类没有使用正确的顺序 ( :link , :visited , :hover ) ,:hover 伪类将无效

5 、一个属性的 !important 声明会被同一规则中同一属性的没有使用 !important 的第二个声明覆盖。

6、         height 表现类似于 min-height , width 表现类似于 min-width ,左右 margin 双倍

7、         圆点边框 (dotted) 看起来像虚线边框 (dashed)

8、         text-decoration 的 line-through 值在文字上看起来比别的浏览器要高一些

9 、有序列表如果有一个固定结构 (haslayout 为 true ,不能设置 li 的高度 / 宽度 /zoom 等激活 haslayout 的值 ) ,序号就不会增加,而是保持为 1

10、      列表元素不支持 list-style-type 的所有可用的值

11、      如果列表条目浮动,指定的 list-style-image 将不会显示

12、      不完全支持 @font-face

13、      某些选择器会错误的匹配注释和文档声明

14、      如果一个 ID 选择器结合一个类选择器不匹配,同样的 ID 选择器结合不同的类选择器也将被当作不匹配。

IE7 bugs

1 有序列表如果有一个固定结构 (haslayout 为 true ,不能设置 li 的高度 / 宽度 /zoom 等激活 haslayout 的值 ) ,序号就不会增加,而是保持为 1

2、         列表元素不支持 list-style-type 的所有可用的值

3 、如果列表条目浮动,指定的 list-style-image 将不会显示

4 、不完全支持 @font-face

5 、某些选择器会错误的匹配注释和文档声明

转载于:https://www.cnblogs.com/archip/p/3323970.html

相关文章:

中国电子学会青少年编程能力等级测试图形化一级编程题:海底世界

「青少年编程竞赛交流群」已成立&#xff08;适合6至18周岁的青少年&#xff09;&#xff0c;公众号后台回复【Scratch】或【Python】&#xff0c;即可进入。如果加入了之前的社群不需要重复加入。 海底世界 1. 准备工作 &#xff08;1&#xff09;背景&#xff1a;Underwater…

小说站 章节内容 ajax,第17章 作业分析与异步编程原理——2019年5月14日22:00

5月14日作业完善购物车的删除与编辑功能谈一下你对单线程,任务队列与事件循环, 同步与异步的理解单线程&#xff1a;单线程在程序执行时&#xff0c;所走的程序路径按照连续顺序排下来&#xff0c;前面的必须处理好&#xff0c;后面的才会执行。比如&#xff1a;JavaScript就是…

【转载】图像缩放与插值理论基础

图像的缩放 图像经过缩放后有可能在原图中招不到对应的像素点&#xff0c;这需要用图像插值来解决。 1.理论基础 假设图像的X轴方向缩放比例是Kx&#xff0c;Y轴方向的缩放比是Ky&#xff0c;则缩放后输出图像的点&#xff08;x , y&#xff09;对应原图中坐标&#xff08;u , …

【组队学习】【32期】SQL编程语言

SQL编程语言 航路开辟者&#xff1a;王复振、杨煜、闫钟峰、杨梦迪、苏鹏、红星、张晋、汪健麟领航员&#xff1a;李云龙航海士&#xff1a;蒋志强、闫钟峰 基本信息 开源内容&#xff1a;https://github.com/datawhalechina/wonderful-sql开源内容&#xff1a;https://hub.…

查找手机型号云服务器,查找手机型号云服务器

查找手机型号云服务器 内容精选换一换您可以通过“应用管理”页面的应用列表&#xff0c;快速查看应用状态&#xff0c;及相关异常信息&#xff0c;如图1所示。包括&#xff1a;应用状态&#xff1a;即图1中的①应用异常信息&#xff1a;即图1中的②云服务器异常信息&#xff1…

浅谈25种设计模式(4/25)(此坑未填)

设计模式汇总 创建型模式 这些设计模式提供了一种在创建对象的同时隐藏创建逻辑的方式&#xff0c;而不是使用新的运算符直接实例化对象。这使得程序在判断针对某个给定实例需要创建哪些对象时更加灵活。 工厂模式&#xff08;Factory Pattern&#xff09;抽象工厂模式&#xf…

C#学习笔记8:HTML和CSS基础学习笔记

<!-- 1、<P>...</P>段落标签 2、<br/>折行标签。 3、<img src"" height"*px" width"*px" alt"图片描述">。 注意&#xff1a;不能写成<img ></img>的形式。 4、html注释&#xff1a;<!-- …

青少年编程竞赛交流群周报(第043周)

2021年12月26日&#xff08;周日&#xff09;晚20:00我们在青少年编程竞赛交流群开展了第四十三期直播活动。 一、直播内容 我们直播活动的主要内容如下&#xff1a; 讲解了上次测试中小朋友们做错的题目 Scratch青少年编程能力等级测试模拟题&#xff08;四级&#xff09;。…

数据库备份到文件服务器,数据库文件备份到云服务器上

数据库文件备份到云服务器上 内容精选换一换目前数据库服务器备份Agent安装包需要提交工单进行获取。当前仅支持x86计算类型的服务器&#xff0c;暂不支持鲲鹏计算类型的服务器。用户需要启用数据库备份前&#xff0c;需先在弹性云服务器上更改安全组和安装客户端。本章节指导用…

android String.format

资源创建&#xff1a; <!-- 多参数验证 --> <string name"text">截止到:%1$tc\n销售量比去年增长了%2$d%%\n在这里我对所有奋斗的兄弟姐妹表示感谢\n对表现最优秀 的%3$s等伙伴我们予以奖励\n奖励为价值%4$-9.4e的新马泰游\n希望大家再接再厉额!<…

【组队学习】【32期】数据可视化(Matplotlib)

数据可视化&#xff08;Matplotlib&#xff09; 航路开辟者&#xff1a;杨剑砺、杨煜、耿远昊、李运佳、居凤霞领航员&#xff1a;王万航海士&#xff1a;范歆琦、张文恺 基本信息 开源内容&#xff1a;https://github.com/datawhalechina/fantastic-matplotlib开源内容&…

没有完美的人或事

下面以苹果手机为例&#xff0c;说明一个问题当实际值与期望值不符合的时候&#xff0c;人会出现的感情状况 公众人物与普通人 像公众人物类的&#xff0c;在公众面前肯定要表现正式一点的&#xff0c;这个是必须的&#xff0c;这个是有非常大的影响力的。我们的期望值大于或等…

如何理解分时系统的四个特征

多路性 服务多个用户 独立性 各用户独立 及时性 当一个任务暂时不能执行&#xff0c;CPU如子弹上膛般立刻换上另一任务&#xff0c;决不空闲 交互性 即人机交互 分时操作系统服务多个用户&#xff0c;并且让每个用户觉得自己是唯一的用户&#xff08;它怎么做到这一点的&#x…

中国电子学会青少年编程能力等级测试图形化一级编程题:小狗进圈

「青少年编程竞赛交流群」已成立&#xff08;适合6至18周岁的青少年&#xff09;&#xff0c;公众号后台回复【Scratch】或【Python】&#xff0c;即可进入。如果加入了之前的社群不需要重复加入。 小狗进圈 小狗非常听话&#xff0c;收到命令能在舞台上向右移动&#xff0c;如…

Swift 值类型和引用类型的内存管理

1、内存分配 1.1 值类型的内存分配 在 Swift 中定长的值类型都是保存在栈上的&#xff0c;操作时不会涉及堆上的内存。变长的值类型&#xff08;字符串、集合类型是可变长度的值类型&#xff09;会分配堆内存。 这相当于一个 “福利”&#xff0c;意味着你可以使用值类型更快速…

jquery获取浏览器宽高

满足获取各种高的需求 $(document).ready(function() { alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).oute…

操作系统的管理功能

1.CPU/处理器管理 2.存储器/内存管理 3.文件管理 4.I/O设备管理 一般来讲为以上四大管理功能&#xff0c;如果有第五 5.作业管理

秦州:西瓜书 + 南瓜书 吃瓜系列 13. 降维与度量学习(上)

吃瓜教程——西瓜书南瓜书 Datawhale南瓜书是经典机器学习教材《机器学习》&#xff08;西瓜书&#xff09;的公式推导解析指南&#xff0c;旨在让在学习西瓜书的过程中&#xff0c;再也没有难推的公式&#xff0c;学好机器学习。 内容属性&#xff1a;机器学习&#xff08;理…

flash 入门课知识小结

一、 几种类型帧的小结&#xff1a;&#xff08;关键帧、空白关键帧、普通帧&#xff09;1. 特点 帧——是进行flash动画制作的最基本的单位&#xff0c;每一个精彩的flash动画都是由很多个精心雕琢的帧构成的&#xff0c;在时间轴上的每一帧都可以包含需要显示的所有内容&…

VUE解决微信签名,SPA微信invalid signature问题,完美处理

深度解决方案&#xff0c;包教不包会&#xff0c;只因为踩坑无数&#xff0c;希望大家能有所收获 前端小菜鸟&#xff0c;因为项目要对接微信的jssdk&#xff0c;对接就需要签名认证&#xff0c;但是无奈安卓和IOS各有各的坑&#xff0c;本篇文章只讨论签名&#xff0c;和一个分…

如何打开写好的jpetstore

1.停止正在占用8080端口的应用 打开cmd窗口&#xff0c;输入netstat -ano | find “:8080”&#xff0c;查到pid 输入tasklist /fi “pid eq pid”&#xff0c;查到应用的名字 打开任务管理器&#xff0c;停止应用 2.第二步就比较神奇了 打开tomcat的bin目录&#xff0c;先sh…

打通Fedora19的ssh服务

Fedora19的SSH服务是默认关闭的&#xff0c;安装后我们需要打通它。 首先&#xff0c;编辑/etc/ssh/sshd_config&#xff0c;把下面黑体字部分打开注释&#xff0c;如下&#xff1a; # $OpenBSD: sshd_config,v 1.89 2013/02/06 00:20:42 dtucker Exp $# This is the ssh…

使用hql动态创建对象问题

前段时间由于需求要添加报表数据&#xff0c;调整ireport后&#xff0c;打印pdf文件出现数据错位的情况&#xff0c;调试发现不是ireport问题&#xff0c;就查看了后台传送的数据&#xff0c;最后发现传送的对象属性值已经就是错位的&#xff0c;那就是获取对象时出的问题&…

秦州:西瓜书 + 南瓜书 吃瓜系列 14. 降维与度量学习(下)

吃瓜教程——西瓜书南瓜书 Datawhale南瓜书是经典机器学习教材《机器学习》&#xff08;西瓜书&#xff09;的公式推导解析指南&#xff0c;旨在让在学习西瓜书的过程中&#xff0c;再也没有难推的公式&#xff0c;学好机器学习。 内容属性&#xff1a;机器学习&#xff08;理…

从用户角度看,DBMS应当提供哪些功能?

1.定义&#xff1a;提供DDL&#xff0c;供用户使用数据库定义语言创建其想要建立的表&#xff0c;定义三级模式&#xff0c;两级映像。 2.操作&#xff1a;提供DML&#xff0c;供用户可以实现增删改查&#xff08;追加、删除、更新、查询&#xff09;等操作。 3.控制&#xff1…

groovy–运算符重载

Groovy支持运算符重载&#xff0c;各种运算符被映射到普通的java对象的方法调用&#xff0c;这就使得开发者可以利用运算符重载的优势来编写自己的Java或者groovy对象。 下面的表格描述了groovy中的操作符所映射到的方法&#xff1a; Operator Method a b a.plus(b) a – …

【组队学习】【32期】吃瓜教程——西瓜书+南瓜书

吃瓜教程——西瓜书南瓜书 航路开辟者&#xff1a;谢文睿、秦州领航员&#xff1a;陈伟峰航海士&#xff1a;谢文睿、秦州 基本信息 开源内容&#xff1a;https://github.com/datawhalechina/pumpkin-bookB 站视频&#xff1a;https://www.bilibili.com/video/BV1Mh411e7VU内…

关键字this引用

要点提示&#xff1a; 关键字this引用独享自身。他也可以在构造方法内部调用另一个类的其他构造方法。 关键字this是指向调用对象本身的引用名。可以用this关键字引用对象的实例成员。 复制代码 例如&#xff1a;下面a的代码使用this来显示地引用独享的radius以及调用他的getAr…

数据库系统DBS的特点

在数据库系统发明以前&#xff0c;人们使用文件系统来管理数据。文件系统具有以下不足&#xff1a; 1.数据冗余&#xff08;与数据共享相对&#xff09;和非一致性&#xff08;文件格式不相容&#xff09; 2.程序依赖于数据&#xff08;新任务要写新程序&#xff09; 3.数据孤立…

Linux 内核进程管理之进程ID

Linux 内核使用 task_struct 数据结构来关联所有与进程有关的数据和结构&#xff0c;Linux 内核所有涉及到进程和程序的所有算法都是围绕该数据结构建立的&#xff0c;是内核中最重要的数据结构之一。该数据结构在内核文件 include/linux/sched.h 中定义&#xff0c;在Linux 3.…