使用 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中文網其他相關文章!