Javascript图像查看器无法在Internet Explorer中工作

Question

我在我的网站上为下面的网站提到了类似的图像查看器. http://www.javascriptkit.com/script/script2/backbox/ 图像查看器在Chrome中工作正常,但在Internet Exlporer中无法正常工作; 出于安全原因,我没有提供我的网站详细信息,但您可以通过Chrome和Internet Explorer中的下方链接复制粘贴来查看问题. http://www.javascriptkit.com/script/script2/backbox/

单击上面的图像链接并在Internet Explorer中查看错误并在其他浏览器中查看相同内容以查看其工作状态... PFB快照

你们中的任何人都可以告诉为什么不在互联网资源管理器中工作吗？

来自IE F12 devolper工具控制台区域的错误消息是:

SCRIPT5007:无法获取属性'replace'的值:object为null或undefined effects.js,line 1 character 1747

effects.js = http://www.javascriptkit.com/script/script2/backbox/js/effects.js

如果您需要样本js文件,请从http://www.javascriptkit.com/script/script2/backbox/backboxfiles.zip获取.

使用的HTML是;

<link rel="stylesheet" href="backbox.css" type="text/css" />
<script type="text/javascript" src="js/prototype.compressed.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/dhtmlHistory.js"></script>
<script type="text/javascript" src="js/customsignsheader.js"></script>

<div onclick="dhtmlHistory.add('location1',{message: 'backbox'});countdown()">
<a href="images/babyhand.jpg" rel="lightbox[slide]" caption="A Bunch of Grapes">
<img src="images/sunset.jpg" alt="lime" width="400" height="300" border="0" /></a>
</div>

<a href="images/desert.jpg" rel="lightbox[slide]" caption="Sunflower"></a>
<a href="images/beech.jpg" rel="lightbox[slide]" caption="Dolphin"></a>
<a href="images/lime.jpg" rel="lightbox[slide]" caption="Waterfall"></a>

<script type="text/javascript" src="js/customsignsfooter.js"></script>

Answer 1

关于您担心为什么这种情况发生在 IE 而不是 chrome 中，那是因为if(/MSIE/.test(navigator.userAgent)当您的浏览器是 IE 时，这种情况是正确的

为了纠正问题，正如您在评论中所说，您可以添加“未定义”条件。
只需替换这一行：

if(/MSIE/.test(navigator.userAgent)){Element.setStyle(_10,{filter:Element.getStyle(_10,"filter").replace(/alpha\([^\)]*\)/gi,"")+"alpha(opacity="+_11*100+")"});}  

和：

if(/MSIE/.test(navigator.userAgent)){var filterStyle=Element.getStyle(_10,"filter");if(typeof(filterStyle)!="undefined"){Element.setStyle(_10,{filter:filterStyle.replace(/alpha\([^\)]*\)/gi,"")+"alpha(opacity="+_11*100+")"});}}

和这一行：

if(/MSIE/.test(navigator.userAgent)){Element.setStyle(_10,{filter:Element.getStyle(_10,"filter").replace(/alpha\([^\)]*\)/gi,"")});}

和：

if(/MSIE/.test(navigator.userAgent)){var filterStyle=Element.getStyle(_10,"filter");if(typeof(filterStyle)!="undefined"){Element.setStyle(_10,{filter:filterStyle.replace(/alpha\([^\)]*\)/gi,"")});}}

在effects.js文件中