欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS動態(tài)修改網(wǎng)頁body的背景色實例代碼

 更新時間：2017年10月07日 09:35:07   作者：changshanfeilong  
這篇文章主要介紹了JS動態(tài)修改網(wǎng)頁body的背景色實例代碼 ,需要的朋友可以參考下

大部分網(wǎng)頁默認的背景色為白色，個人感覺比較刺眼，于是寫了個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)聽機制重新添加到head上。

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

總結(jié)

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

相關(guān)文章

最新評論