大部分網(wǎng)頁默認(rèn)的背景色為白色，個人感覺比較刺眼，于是寫了個JS的腳本去改變body部分的背景色，代碼如下：

// ==UserScript==// @name    ChangeBackgroundColor// @namespace  tingl// @include   *// @version   1// @grant    none// ==/UserScript==(function () { 'use strict'; var color = '#ececec'; var style; function createStyle() {  style = document.createElement('style');  style.type = 'text/css';  style.innerHTML = 'body {background-color: ' + color + ' !important;}'; } function changeBackgroundColor() {  if(!style.parentNode) document.head.appendChild(style); } createStyle(); changeBackgroundColor(); document.head.addEventListener("DOMNodeRemoved",changeBackgroundColor);}) ()

代碼比較簡單，直接創(chuàng)建了一個body上的css樣式規(guī)則，然后添加到head里，如果網(wǎng)頁內(nèi)容變化或者異步更新等使樣式被移除時，通過事件監(jiān)聽機(jī)制重新添加到head上。

由于只是簡單地改變了body上的背景色，腳本的適用范圍有限。

總結(jié)

以上所述是小編給大家介紹的JS動態(tài)修改網(wǎng)頁body的背景色實(shí)例代碼 ，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！