Javascript 身体背景图像更改在firefox中不起作用

我试图通过点击一个链接图像来改变背景图像，这个链接图像在IE中运行良好，没有任何问题，但在firefox中不起作用。。。你能帮我纠正一下我的错误吗？？？？代码如下：

Javascript:

使用

---

非backgroundImage

图像url必须作为CSS中的字符串，因此在这种情况下，您需要附加引号单引号：

document.body.style.backgroundImage=url'+backImage[whichImage]+'

---

这些双引号只是让它成为javascript的字符串，而不是CSS的字符串。

在问题中发布呈现的HTML；PHP是不相关的。w是什么？很抱歉。。和更新的问题，请有关于w。。var w=screen.width---var h=screen.heightchangebgimage函数的名称是什么？您是否收到任何控制台错误？能否检查document.body在调用时是否存在？您可以尝试将此脚本包装在onload函数中或在主体中。还可以尝试在url内使用单引号：url'+backImage[whichImage]+'；在IE中工作但不在firefox@rober中工作firefox的哪个版本？我在我的mac电脑上进行了测试，效果很好。你有这个网页的链接吗？

<script language="JavaScript">

var w=screen.width
var h=screen.height

if(w==1152) {
var backImage = new Array(); // don't change this

var i = 0;
backImage[0] = "images/patterns/background-1152x-bellow.png";
backImage[1] = "images/patterns/background-1152x-mellow.png";
backImage[2] = "images/patterns/background-1152x-mix-1.png";
backImage[3] = "images/patterns/background-1152x-mix-2.png";
backImage[4] = "images/patterns/background-1152x-sellow.png";
backImage[5] = "images/patterns/background-1152x-yellow.png";

function changeBGImage(whichImage){
if (document.body){
document.body.style.backgroundImage = "url("+backImage[whichImage]+")";
    cookie.set('bgImage', whichImage, 365);
}}
} else if(w==1280) {
var backImage = new Array(); // don't change this

var i = 0;
backImage[0] = "images/patterns/background-1280x-bellow.png";
backImage[1] = "images/patterns/background-1280x-mellow.png";
backImage[2] = "images/patterns/background-1280x-mix-1.png";
backImage[3] = "images/patterns/background-1280x-mix-2.png";
backImage[4] = "images/patterns/background-1280x-sellow.png";
backImage[5] = "images/patterns/background-1280x-yellow.png";

function changeBGImage(whichImage){
if (document.body){
document.body.style.backgroundImage = "url("+backImage[whichImage]+")";
    cookie.set('bgImage', whichImage, 365);
}}
}
</script>

<a href='javascript:changeBGImage(0)' ><img src='images/patterns/yellow.png' style='width:26;height:26;'></a>
<a href='javascript:changeBGImage(1)' ><img src='images/patterns/blue.png' style='width:26;height:26;'></a>
<a href='javascript:changeBGImage(2)' ><img src='images/patterns/green.png' style='width:26;height:26;'></a>
<a href='javascript:changeBGImage(3)' ><img src='images/patterns/red.png' style='width:26;height:26;'></a>
<a href='javascript:changeBGImage(4)' ><img src='images/patterns/brown.png' style='width:26;height:26;'></a>
<a href='javascript:changeBGImage(5)' ><img src='images/patterns/grey.png' style='width:26;height:26;'></a>

document.body.style.background = "url("+backImage[whichImage]+")";