简单的Javascript背景图片不起作用

Question

window.onload = function(){
document.body.style.backgroundImage = "url('a.jpg')";
}

a.jpg在同一个forlder中。

但是

document.body.style.backgroundColor = "blue";

工作正常！

什么出错？

Answer 1

试

document.body.style.background = 'url("a.jpg")';

这样您就可以应用正文 背景样式属性。与CSS声明类似。 见http://www.w3schools.com/cssref/css3_pr_background.asp

或者，更类似于您的代码

document.body.style.backgroundImage = "url(a.jpg)";

没有单引号。 见http://www.w3schools.com/cssref/pr_background-image.asp

如果仍然无效，那么图像的路径是错误的。

Answer 2

window.onload = function(){
document.body.style.backgroundImage = "url(a.jpg)";
}

小提琴：Demo