簡單的Java腳本背景圖片不能正常工作

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