Internet explorer Javascript在Firefox中工作,而不是在IE8中?

Internet explorer Javascript在Firefox中工作,而不是在IE8中?,internet-explorer,javascript-events,Internet Explorer,Javascript Events,此代码在Firefox中加载时有效,但在IE8中不起作用。在IE8中,单击链接没有效果 我会很感激任何关于如何在IE中工作的建议 <html> <head> <title>RG</title> </head> <script type="text/javascript"> var rightTarget; var leftTarget;

此代码在Firefox中加载时有效,但在IE8中不起作用。在IE8中,单击链接没有效果

我会很感激任何关于如何在IE中工作的建议

     <html>
       <head>
        <title>RG</title>
      </head> 
   <script type="text/javascript">

      var rightTarget;
      var leftTarget;
      var index = 516;
      var img;
      function rightLinkClicked(e) {
        rightTarget = e.target;
            rightTarget.style.color = "green";
        if (index < 547) {
       index = index +1;
               img=document.getElementById("img");
               img.src="pics/IMG_0" + index + ".JPG";
           } else {
      alert ("This is the last painting");
        }
      }

      function leftLinkClicked(e) {
        leftTarget = e.target;
            leftTarget.style.color = "red";
            rightTarget.style.color = "black";
        if (index >516) {
            index = index -1;
                    img=document.getElementById('img');
                    img.src="pics/IMG_0" + index + ".JPG";
        } else {
       alert ("This is the first painting");
            }   
            }

       function addListeners() {
        var rightLink = document.getElementById("rightlinkid");
            rightLink.addEventListener('click', rightLinkClicked, false);
            var leftLink = document.getElementById("leftlinkid");

            leftLink.addEventListener('click', leftLinkClicked, false);
           }
           window.addEventListener('load', addListeners, false);

      </script>   
      </head>   
      <body>
         <h2>RG</h2>
         <div>
         <a id="leftlinkid">Previous
     <img src="icons/left.gif" ;="" alt="left arrow" title="">
         </a>
        </div>
    <div id="myimg">        
          <img id="img" src="pics/IMG_0516.JPG" ;="" alt="start arrow"           title=""width="640"height="480">
</div>
<div>
<a id="rightlinkid">Next
<img src="icons/right.gif" ;="" alt="right arrow" title="">
</a>
</div>        
<p>© 2011 RG</p>
    </body>
    </html>

RG
var rightTarget;
var-leftTarget;
var指数=516;
var-img;
函数rightLinkClicked(e){
rightTarget=e.target;
rightTarget.style.color=“绿色”;
如果(指数<547){
指数=指数+1;
img=document.getElementById(“img”);
img.src=“pics/img_0”+索引+”.JPG”;
}否则{
警惕(“这是最后一幅画”);
}
}
函数leftLinkClicked(e){
leftTarget=e.target;
leftTarget.style.color=“红色”;
rightTarget.style.color=“黑色”;
如果(索引>516){
指数=指数-1;
img=document.getElementById('img');
img.src=“pics/img_0”+索引+”.JPG”;
}否则{
警惕(“这是第一幅画”);
}   
}
函数addListeners(){
var rightLink=document.getElementById(“rightlinkid”);
rightLink.addEventListener('click',rightLinkClicked,false);
var leftLink=document.getElementById(“leftlinkid”);
leftLink.addEventListener('click',leftLinkClicked,false);
}
addEventListener('load',addListeners,false);
RG
以前的
下一个
©2011 RG

IE使用而不是
addEventListener

您可能希望使用跨浏览器Javascript库,例如,为您处理这些问题(以及更多问题)。

IE使用而不是
addEventListener


您可能希望使用跨浏览器Javascript库(如)来处理这些问题(以及更多问题)。

谢谢,有没有关于如何修改代码以使用jQuery的快速指南?谢谢,有没有关于如何修改代码以使用jQuery的快速指南?