document.body.style.backgroundImage與document.body.background

Question

兩者有什么區別？

Answer 1

document.body.background是指body標簽不推薦使用的background屬性

http://www.w3schools.com/TAGS/att_body_background.asp

document.body.style.backgroundImage引用body標記的CSS background-image屬性。 相當於...

body { 
  background-image:url('paper.gif');
}

使用后者:-)

Answer 2

除了已取消使用的document.body.background以及使用document.body.style.backgroundImage ...更改CSS背景圖像的方法之外，還有第三點要考慮。您可以使用document.body.style.background進行更改所有背景屬性，包括彩色圖像並重復：

document.body.style.background = "red";

或者，設置多個屬性

document.body.style.background="#0000FF url(example.jpg) repeat-x";

以上設置了背景色，背景圖像，並為該圖像設置了水平重復。

這類似於CSS：

body {
    background:#0000FF url('example.jpg') repeat-x; }

（這是W3Schools上有關document.body.style.background的更多信息。不過我敢肯定，其他地方還有更多完整信息）

Answer 3

document.body.background ：您未使用CSS。

document.body.style.backgroundImage ：您正在使用CSS進行設置。