如何使用 JavaScript 動態變更網頁的背景顏色？

使用 JavaScript 更改網頁背景顏色

Web 開發中的一項常見任務涉及動態更改網頁的背景顏色。使用 JavaScript 實作此目的提供了一個簡單的解決方案。

要修改背景顏色，您可以在 JavaScript 中操作 document.body.style.background 屬性。此屬性可讓您設定所需的顏色值。

例如，您可以建立一個接受顏色參數並對應設定背景顏色的函數：

function changeBackground(color) {
  document.body.style.background = color;
}

然後您可以呼叫這個函數在網頁載入時設定初始背景顏色：

window.addEventListener("load", function() {
  changeBackground('red');
});

在這個範例中，當頁面載入時，網頁的背景將會被設定為紅色。

但是，請注意，這個可能會根據您的網頁結構而有所不同。如果您使用具有單獨背景顏色的 DIV 容器，則需要修改該元素的背景屬性而不是文件正文。

以上是如何使用 JavaScript 動態變更網頁的背景顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！