JS在ff和ie区别(未完，待续...)

weixin_30585437

于 2011-03-16 18:42:00 发布

阅读量102

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bennman/archive/2011/03/16/1986348.html

本文通过一个简单的示例展示了JavaScript在Internet Explorer (IE) 和 Firefox (FF) 浏览器之间的实现差异，包括属性获取方式、样式设置及浏览器识别等。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>JS在ff和ie区别</title>
<style>
*{margin:0;padding:0;}
.test3{ width:100px; height:100px; background-color:#f00}
</style>

</head>

<body>
<select id="sel" class="test1"></select>
<label for="test2" id="lb"></label>
<div class="test3" id="odiv"></div>
<script>
var foo=document.getElementById('sel');
var foo2=document.getElementById('lb');
var foo3=document.getElementById('odiv');

alert(foo.getAttribute('class')) //w3c
alert(foo.getAttribute('className')) //IE6 7

alert(foo2.getAttribute('for')) //w3c
alert(foo2.getAttribute('htmlFor')) //IE6 7

foo3.style.cssFloat='right' //w3c
foo3.style.styleFloat='right' //IE

foo3.style.opacity='0.5'; //w3c
foo3.style.filter='alpha(opacity=50)' //IE

if(!!document.all){
alert('IE brower')
}else{
alert('not IE brower')
}

</script>
</body>
</html>

转载于:https://www.cnblogs.com/bennman/archive/2011/03/16/1986348.html