根据IE浏览器的版本调用不同的脚本或CSS

众所周知,为了网站界面能兼容那令人讨厌的IE浏览器,不得不用多个样式去做,以保证界面的美观,以下总结了几种判断是否是IE浏览器或判断IE浏览器的版本来调用不同的样式或JS脚本:

1、判断是否是IE浏览器

<!--[if IE]>
<style type="text/css">
body { color:#f60 };}
</style>
<script>
window.onload=function() {
alert('您使用的是IE浏览器');
}
</script>
<![endif]-->

2、判断是否是IE6浏览器

<!--[if IE 6]>
<style type="text/css">
body { color:#f00 };}
</style>
<script>
window.onload=function() {
alert('您使用的是IE6浏览器');
}
</script>
<![endif]-->

3、判断是否是IE7浏览器

<!--[if IE 7]>
<style type="text/css">
body { color:#06f };}
</style>
<script>
window.onload=function() {
alert('您使用的是IE7浏览器');
}
</script>
<![endif]-->

4、判断是否是IE8浏览器

<!--[if IE 8]>
<style type="text/css">
body { color:#90f };}
</style>
<script>
window.onload=function() {
alert('您使用的是IE8浏览器');
}
</script>
<![endif]-->

IE9也是一样的道理,更改IF语句里面的数就可以了,因为浏览器只是对部分样式不兼容,所以针对不同版本的浏览器,样式的判断要放在最后,比如我有一个body.css样式表,判断语句就要放在body.css后面,好了,就到这,还有一个测试页面也打包好了,需要的可以下载下来测试测试。

本地下载

* web鱼承诺:本站所有资源代码免费下载,无病毒,无弹窗,无干扰链接,全都经过测试才发布的!给我建议

分享到:
标签:IE,IE兼容,IE版本判断,
^_^ 亲爱的客官,如果您觉得本文对您有好处,请移动你的鼠标点点下面的广告或上面的或右上角的,非常感谢~ ^_^

报歉!评论已关闭.