JS动态改革网页body的背景象实例代码_javascript手艺_脚本之家【必发88】

JS动态改革网页body的背景象实例代码_javascript手艺_脚本之家【必发88】。大繁多网页暗中同意的背景象为日光黄,个人认为相比较刺眼,于是写了个JS的脚本去改换body部分的背景象,代码如下:

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

代码比较简单,直接开立了一个body上的css样式法则,然后增添到head里,假如网页内容变化依旧异步更新等使样式被移除时,通过事件监听机制再度增加到head上。

鉴于只是轻便地退换了body上的背景象,脚本的适用范围有限。

总结

如上所述是小编给我们介绍的JS动态匡正网页body的背景观实例代码
,希望对我们全体利于,如若大家有此外难点接待给本身留言,作者会及时回复大家的!

发表评论

电子邮件地址不会被公开。 必填项已用*标注