Javascript在刷新时有一个div的不同背景图像

时间:2013-01-26 15:59:01

标签: css refresh background-image

拜托,您能告诉我为什么这个JavaScript在刷新时有div的不同背景图片不起作用:

<head>
<script type="text/javascript">
    window.onload = function () {    
        var thediv = document.getElementById("top");
        var imgarray = new Array("banner2.jpg", "banner3.jpg");
        var spot = Math.floor(Math.random()* imgarry.length);
        thediv.style.background = "url(images/header/banner/"+imgarray[spot]+")";
    }
</script>
</head>

该网站可以在http://physoc.org.uk

看到

感谢。

2 个答案:

答案 0 :(得分:0)

我的Javascript控制台说:

Timestamp: 26.01.2013 17:00:19
Error: ReferenceError: imgarry is not defined
Source File: http://www.physoc.org.uk/
Line: 84

您的代码中存在拼写错误。你在某个地方使用了“imgarry”而不是“imgarray”。

按CTRL + SHIFT + J打开控制台并自行查看,适用于Firefox和Chrome。调试Javascript代码非常有用。

答案 1 :(得分:0)

更改此行。有一个typo

var spot = Math.floor(Math.random() * imgarry.length);  

var spot = Math.floor(Math.random() * imgarray.length);