1

我不知道为什么，但我的 Javascript 只能在 Firefox 和 IE 中运行一次（但在 Chrome 中运行良好）。有人知道为什么吗？

<script type="text/javascript">
function changeDivImage() 
       { 
        var imgPath = new String(); 
        imgPath = document.getElementById("div1").style.backgroundImage; 
        if (imgPath == "url(images/1.jpg)" || imgPath == "")
          { 
           document.getElementById("div1").style.backgroundImage ="url(images/2.jpg)"; 
          } 
        else if (imgPath == "url(images/2.jpg)")
          { 
           document.getElementById("div1").style.backgroundImage = "url(images/3.jpg)"; 
          }
        else if (imgPath == "url(images/3.jpg)")
          { 
           document.getElementById("div1").style.backgroundImage = "url(images/1.jpg)"; 
          }  
       }   
  </script>

通过单击图像触发脚本

<img src="images/leftarrow.png"
     value="Change Background Image"
     onclick="changeDivImage()" />
4

1 回答 1

1

浏览器倾向于以不同的方式规范化 CSS 属性。例如，IE 和 Firefox 在 URL 周围加上引号。

所以，也许你应该试试这个：

var div = document.getElementById('div1'),
    imgPath = parseInt(div.style.backgroundImage.match(/\d(?=\.jpg)/) || ["0"],10),
    newnum = imgPath%3+1;
div.style.backgroundImage = "url(images/"+newnum+".jpg)";
于 2012-12-15T23:32:25.107 回答