大部分網(wǎng)頁默認(rèn)的背景色為白色，個(gè)人感覺比較刺眼，于是寫了個(gè)JS的腳本去改變body部分的背景色，代碼如下：
js;">// ==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)建了一個(gè)body上的css樣式規(guī)則，然后添加到head里，如果網(wǎng)頁內(nèi)容變化或者異步更新等使樣式被移除時(shí)，通過事件監(jiān)聽機(jī)制重新添加到head上。
由于只是簡單地改變了body上的背景色，腳本的適用范圍有限。
總結(jié)
以上所述是小編給大家介紹的JS動(dòng)態(tài)修改網(wǎng)頁body的背景色實(shí)例代碼 ，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
新聞熱點(diǎn)
疑難解答
