在Javascript中，背景圖片是一種常見的CSS樣式屬性，它可以為網頁元素提供視覺上的背景，進而增加頁面的美感和可讀性。
在HTML語言中，可以通過CSS語法來為頁面元素設置背景圖片，而在Javascript中，我們也可以通過JS代碼來實現這一效果。下面就讓我們來看幾個具體的例子。

// 為網頁body元素設置背景圖片
document.body.style.backgroundImage = "url('background.jpg')";
// 為id為"header"的元素設置背景圖片
document.getElementById("header").style.backgroundImage = "url('header-bg.png')";

在上面的代碼中，我們可以看到，通過Javascript代碼可以很輕松地設置背景圖片。只需要指定要設置圖片的元素以及圖片的路徑即可。
除此之外，利用Javascript還可以實現背景圖片的動態變換。下面是一個依據時間動態變換背景圖片的實例。

// 獲取當前時間
var currentHour = new Date().getHours();
// 根據時間指定要顯示的背景圖片
if (currentHour >= 7 && currentHour < 18) {
document.body.style.backgroundImage = "url('day.png')";
} else {
document.body.style.backgroundImage = "url('night.jpg')";
}

在這個例子中，我們根據當前時間動態地為頁面元素設置背景圖片。如果當前時間在7點到18點之間，就顯示"day.png"這張圖片，否則就顯示"night.jpg"這張圖片。
此外，在Javascript中，我們還可以結合CSS樣式表來設置背景圖片。下面是一個例子。

/* CSS樣式表 */
#myDiv {
background-image: url('bg-image.jpg');
}
// Javascript代碼
document.getElementById("myDiv").classList.add("has-bg-image");

在上面的代碼中，我們首先定義了一個CSS樣式表，為ID為"myDiv"的元素設置背景圖片。然后，在Javascript代碼中，我們為該元素添加一個類名"has-bg-image"。這樣，當該元素添加這個類名后，就可以自動地顯示背景圖片。
總而言之，通過Javascript可以實現豐富多彩的背景圖片效果，從而增強頁面的美觀性和可讀性。無論是簡單的背景圖片設置，還是復雜的動態背景變換，Javascript都為我們提供了豐富的功能和靈活的操作方式。