JavaScript backgroundImage被$(document).ready破坏

时间:2011-12-27 03:29:22

标签: javascript image background document-ready

我的代码:

<html>
<head>
<script type="text/javascript" charset="utf-8">
function backgroundImage() {
document.body.style.backgroundImage='url("http://www.image.jpg")';
}
</script>
</head>
<body onLoad="backgroundImage()">
Content here
</body> 
</html>


但是添加了document.ready:

$(document).ready(function () {
document.body.style.backgroundImage='url("http://www.image.jpg")';
});

打破代码


为什么这不起作用,我缺少的东西,或文件的前缀。刚刚不需要?可能是“文件”不应该被调用两次吗?

提前致谢!

亲切的问候, 戴尔

2 个答案:

答案 0 :(得分:2)

这没问题,可以运行

http://jsfiddle.net/HRhQW/

答案 1 :(得分:1)

您应该将函数的名称从“backgroundImage”更改为“setBackgrounImage”。该名称与该财产有些冲突。

更新:我想我错了,请看这个jsfiddle.net/ARsmn。在$(document).ready()之后调用body onload函数。所以你可能想在使用body body onload和$(document).ready()时想到这一点。