internet-explorer - 让 Google Chrome 忽略 IE Javascript

Question

我正在使用淡入淡出图像的 javascript 创建幻灯片。不久前，我发现要更改图像的不透明度，我必须使用不同的 API，具体取决于页面是在 Firefox 还是 IE 中查看。

火狐浏览器:

img.style.opacity = [value 0 to 1];

IE:

img.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity= [value 0 to 100] )";

所以，目前，我使用 <script LANGUAGE="JScript">用于 IE 的代码。这是suggested in the Mozilla docs .

问题:Chrome 认为我的 <script LANGUAGE="JScript">代码有效，无效时有效。

如何让Chrome忽略<script LANGUAGE="JScript">里面的代码？或者如何使我的不透明代码跨浏览器？

Answer 1

如果您不想使用 jQuery 等库，则应该使用条件注释来定位 IE:

<script type="text/javascript" src="scripts.js"></script>
<!--[if IE]>
    <script type="text/javascript" src="ie-only-scripts.js"></script>
<![endif]-->

然后在scripts.js中定义一个setOpacity函数:

function setOpacity(element, value) {
    element.style.opacity = value;
}

最后，覆盖 ie-only-scripts.js 文件中的函数定义:

function setOpacity(element, value) {
    element.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=" + (value * 100) + ")";
}

由于 IE 是唯一加载第二个脚本文件的浏览器，因此它有自己特殊版本的功能，而其他浏览器则可以正确执行操作;-)