IE与其他浏览器有什么不同的特性呢？_HTML/CSS

3条回答

流流流年

2楼 · 2020-05-08 09:42

一、内核不同

1、IE浏览器：IE内核浏览器，百以微软操作系统的webcontrol控件为内核度。

2、其它问浏览器：使用Webkit作为内核。

二、获取HTML方式不同

1、IE浏览器：答支持el.name 、el.getAttribute(name) 。

2、其它浏览器：基本属性支持el.name其余属性仅支持el.getAttribute(name) 。

三、事件API不同

1、IE浏览器：不需要e变量，window.event表示发生事件。

2、其它浏览器：事件对应的函数有一个专隐藏的变量e，表示发生事件。

没思路

3楼 · 2020-05-08 22:26

一、常规API

获取HTML元素

IE：支持el.name 、el.getAttribute(name)

FF、Chrome:基本属性支持el.name其余属性仅支持el.getAttribute(name)

自定义属性问题

IE下，可以使用获取常规属性的方法来获取自定义属性，也可以使用 getAttribute() 获取自定义属性；Firefox下，只能使用 getAttribute() 获取自定义属性。

Ajax请求

IE: new ActiveXObject()

FF、Chrome：new XMLHttpRequest()

获取HTML元素

IE：支持el.name 、el.getAttribute(name)

FF、Chrome:基本属性支持el.name其余属性仅支持el.getAttribute(name)

innerText的使用

FF不支持innerText，它支持textContent来实现innerText，不过textContent没有像innerText一样考虑元素的display方式，所以不完全与IE兼容。如果不用textContent，字符串里面不包含HTML代码也可以用innerHTML代替。

if(document.all){

document.getElementById('element').innerText = "mytext";

} else{

document.getElementById('element').textContent = "mytext";

}

获取可见区域、窗口的大小

有时，我们会需要找到浏览器的可视位置的大小，通常我们称之为"可见区域"。

在IE中这样写：

var myBrowserSize = [0, 0];

myBrowserSize[0] = document.documentElement.clientWidth;

myBrowserSize[1] = document.documentElement.clientHeight;

在Firefox中这样写：

var myBrowserSize = [0, 0];

myBrowserSize[0] = window.innerWidth;

myBrowserSize[1] = window.innerHeight;

Alpha 透明

这并不是一个JavaScript句法问题，而是源自于CSS的Alpha透明。但当某个物体需要淡入/出则需要JavaScript来表现，这是通过访问CSS的Alpha透明设置来完成的，通常在一个循环中完成。你需要通过来修改的JavaScript的代码如下：:

在IE中这样写：

#myElement { filter: alpha(opacity=50); }

在Firefox中这样写：

#myElement { opacity: 0.5; }

在IE中这样写：

var myObject = document.getElementById("myElement");

myObject.style.filter = "alpha(opacity=80)";

在Firefox中这样写：

var myObject = document.getElementById("myElement"); myObject.style.opacity = "0.5";

CSS "float" 值

访问一个给定CSS 值的最基本句法是：object.style.property，使用驼峰写法来替换有连接符的值，例如，访问某个ID为"header"的

的 background-color值，我们使用如下句法：

document.getElementById("header").style.backgroundColor= "#ccc";

但由于"float"这个词是一个JavaScript保留字，因此我们不能用object.style.float来访问，这里，我们可以在两种浏览器中这么做：

在IE中这样写：

document.getElementById("header").style.styleFloat = "left";

在Firefox中这样写：

document.getElementById("header").style.cssFloat = "left";

元素的推算样式

JavaScript可以使用object.style.property句法，方便地在外部访问和修改某个CSS样式，但其限制是这些句法只能取出已设的行内样式或者直接由JavaScript设定的样式。并不能访问某个外部的样式表。为了访问元素的"推算"样式，我们可以使用下面的代码：

在IE中这样写：

var myObject = document.getElementById("header");

var myStyle = myObject.currentStyle.backgroundColor;

在Firefox中这样写：

var myObject = document.getElementById("header");

var myComputedStyle = document.defaultView.getComputedStyle(myObject, null);

var myStyle = myComputedStyle.backgroundColor;

访问元素的"class"

"class"是JavaScript的一个保留字，在这两个浏览器中我们使用如下句法来访问"class"。

在IE中这样写：

var myObject = document.getElementById("header");

var myAttribute = myObject.getAttribute("className");

在Firefox中这样写：

var myObject = document.getElementById("header");

var myAttribute = myObject.getAttribute("class");

青皮桔味的意境

4楼 · 2021-12-02 14:35

一、内核不同

1、IE浏览器：IE内核浏览器，以微软操作系统的webcontrol控件为内核。

2、其它浏览器：使用Webkit作为内核。

二、获取HTML方式不同

1、IE浏览器：支持el.name 、el.getAttribute(name) 。

2、其它浏览器：基本属性支持el.name其余属性仅支持el.getAttribute(name) 。

三、事件API不同

1、IE浏览器：不需要e变量，window.event表示发生事件。

2、其它浏览器：事件对应的函数有一个隐藏的变量e，表示发生事件。

IE与其他浏览器有什么不同的特性呢？

相关问题推荐

等你来答

热门问答

相关文章

IE与其他浏览器有什么不同的特性呢？

相关问题推荐

等你来答

热门问答

相关文章

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间