全国咨询热线:18720358503

秦皇岛小程序制作_JS动态修正网页body的布景色实

类别:行业新闻 发布时间:2021-01-11 浏览人次:

JS动态修改网页body的背景色实例代码       这篇文章主要介绍了JS动态修改网页body的背景色实例代码 ,需要的朋友可以参考下

大部分网页默认的背景色为白色,个人感觉比较刺眼,于是写了个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);
}) ()

代码比较简单,直接创建了一个body上的css样式规则,然后添加到head里,如果网页内容变化或者异步更新等使样式被移除时,通过事件监听机制重新添加到head上。

由于只是简单地改变了body上的背景色,脚本的适用范围有限。

总结

以上所述是小编给大家介绍的JS动态修改网页body的背景色实例代码 ,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!


下一篇:没有了

推荐阅读

秦皇岛小程序制作_JS动态修正网页body的布景色实

JS动态性改动网页页面body的情况色案例编码 本文关键详细介绍了JS动态性改动网页页面body的情况色案例编码 ,必须的朋友能够参照下大部分分网页页面默认设置的情况色为乳白色,...

2021-01-11
自助建网站的特性-如何选择一家靠谱的商城开发

如今做微信小程序商城系统的企业许多,那如何挑选一家合适自身的企业太重要,今日呐,青岛市微信小程序制作网编在这里里为大伙儿开展解读,以助于大伙儿在挑选的情况下可...

2021-01-11
企业为什么要选择定制网站?

前边大家讲了公司挑选模版建网站的好坏势,模版建网站尽管划算,可是局限性性非常大且客户感受差,网编提议公司网站還是挑选技术专业的建网站企业而定制网站,下边凡科高新科...

2021-01-11
东莞SEO知识:网站修改标题会影响seo优化吗

东莞市SEO专业知识:网站改动题目会危害seo提升吗伴随着电子商务时期发展趋势,网站seo提升是网站提升排行的关键技术性,seo提升的方法太重要,把握了提升方式,网站便会渐渐地提升...

2021-01-11
SEO优化流程及计划

SEO复杂,纷繁复杂,又常常涉及到好几个单位,假如不事前方案好,通常非常容易难以着手,或是这儿做一点那边做一点,丧失总体方位,SEO精英团队承担人应当方案好将来6个月或1两个月内,应当...

2021-01-11
广州凡科互联网科技股份有限公司招聘阿里巴巴

招聘人数:26职位信息岗位职责:1、负责公司阿里巴巴国际站B2B平台店铺的整体运营;2、多途径梳理挖掘产品关键词,发布产品覆盖买家搜索习惯,提升阿里巴巴店铺的曝光率和询盘量...

2021-01-11
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信