Rumah > hujung hadapan web > tutorial js > Bagaimanakah saya boleh menukar warna latar belakang halaman web menggunakan JavaScript?

Bagaimanakah saya boleh menukar warna latar belakang halaman web menggunakan JavaScript?

DDD
Lepaskan: 2024-11-14 18:39:02
asal
672 orang telah melayarinya

How can I change the background color of a webpage using JavaScript?

Menukar Warna Latar Belakang dengan JavaScript

Menukar warna latar belakang halaman web dengan JavaScript ialah tugas yang mudah. Begini cara untuk melakukannya:

Penyelesaian:

  1. Akses badan dokumen: Gunakan sifat document.body.
  2. Ubah suai gaya latar belakang: Tetapkan sifat latar belakang document.body.style. Sebagai contoh, untuk menetapkannya kepada merah, gunakan document.body.style.background = 'red'.

Berikut ialah contoh fungsi untuk mencapai ini:

function changeBackground(color) {
   document.body.style.background = color;
}
Salin selepas log masuk

Toinvoke the fungsi, tambah kod berikut pada pengendali acara onload halaman:

window.addEventListener("load",function() { changeBackground('red') });
Salin selepas log masuk

Nota:

Pertimbangkan struktur halaman. Jika latar belakang ditetapkan kepada bekas DIV tertentu, anda perlu mengubah suai warna latar belakangnya dan bukannya badan dokumen.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menukar warna latar belakang halaman web menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan