文档前景色和背景色设置

你的名字 2022-05-12 00:08 288阅读 0赞

**一 介绍**

文档前景色和背景色的设置可以使用gbColor属性和fgColor属性来实现。

bgColor属性

该属性用来获取或设置页面的背景颜色。

语法：

\[color=\]document.bgColor\[=setColor\]

setColor：设置颜色的名称或颜色的RGB值，setColor是可选项。

color：字符串变量，用来获取颜色值，color是可选项。

fgColor属性

该属性用来获取或设置页面的前景颜色，即为页面中文字的颜色。

语法：

\[color=\]document.fgColor\[=setColor\]

setColor：设置颜色的名称或颜色的RGB值，setColor是可选项。

color：字符串变量，用来获取颜色值，color是可选项。

**二 应用**

本示例每间隔一秒将改变文档的前景色和背景色。

**三 代码**

<body>
    背景自动变色
    <script language="javascript">
    var Arraycolor=new Array("#00FF66","#FFFF99","#99CCFF","#FFCCFF","#FFCC99","#00FFFF","#FFFF00", "#FFCC00", "#FF00FF");
    var n=0;
    function turncolors()
    {
    	n++;
    	if (n==(Arraycolor.length-1)) n=0;
    	document.bgColor = Arraycolor[n];
    	document.fgColor=Arraycolor[n-1];
    	setTimeout("turncolors()",1000);
    }
    turncolors();
    </script>
    </body>

**四 运行结果**

**![10c5b96c-c671-3250-be91-4818e0918754.png][]**

![e8afd5fc-2092-3bc1-9c29-2ecdebe5056e.png][]

[10c5b96c-c671-3250-be91-4818e0918754.png]: /images/20220512/37dcaa172ab1489a88dbedb670abd7e6.png
[e8afd5fc-2092-3bc1-9c29-2ecdebe5056e.png]: /images/20220512/f1450f6fd94e49a0896f2f2cf82b5f87.png

发表评论取消回复

表情：

评论列表（有 0 条评论，288人围观）

还没有评论，来说两句吧...

相关阅读

相关用Python给PDF文档设置背景色或背景图

本文演示如何使用Python为PDF文档设置背景色或背景图。

ゝ一纸荒年。/ 2024年05月01日 03:30/ 0 赞/ 64 阅读

相关 JetBrains设置inline hint的背景色、前景色

如题。修改IDE的hint前景色和背景色。 ![092a8531481248bbbea0463a34dfc64b.png][] 修改后结果： ![176a4dbbf87b

忘是亡心i/ 2023年10月15日 23:07/ 0 赞/ 42 阅读

相关 java 前景色_Java：更改jLabel前景色

import java.awt.BorderLayout; import java.awt.Color; import java.awt.Font; import jav

红太狼/ 2022年11月02日 14:29/ 0 赞/ 209 阅读

相关 POI操作Excel设置前景色背景色

POI中背景颜色设置方法如下: HSSFCellStyle cellStyle = wb.createCellStyle(); cellStyle.setFi

我会带着你远行/ 2022年08月10日 05:54/ 0 赞/ 712 阅读

相关 EXTJS 设置文本框背景色和边框颜色

未加颜色设置前： \{ fieldLabel: '所属城市 ' name:'regionName', columnWidth: 0.5, \} ![d0669210-5ef8

古城微笑少年丶/ 2022年08月01日 06:15/ 0 赞/ 404 阅读

相关设置IOS 状态栏背景色

- (void)setStatusBarBackgroundColor:(UIColor )color { UIView status

向右看齐/ 2022年06月08日 23:56/ 0 赞/ 307 阅读

相关 eclipse背景设置绿豆色

Eclipse操作界面默认颜色为白色。对于我们长期使用电脑编程的人来说，白色很刺激我们的眼睛，如果把颜色改成绿色的颜色就会缓解眼睛的疲劳。设置方法如下： 1

一时失言乱红尘/ 2022年06月05日 09:48/ 0 赞/ 340 阅读

相关文档前景色和背景色设置

一介绍文档前景色和背景色的设置可以使用gbColor属性和fgColor属性来实现。 bgColor属性该属性用来获取或设置页面的背景颜色。语法： \[col

你的名字/ 2022年05月12日 00:08/ 0 赞/ 289 阅读

相关 css设置背景色渐变

css完成以下如图背景色 ![在这里插入图片描述][2019011414465155.png]css样式 div1 { width: 100%;

墨蓝/ 2022年04月22日 16:06/ 0 赞/ 334 阅读

相关 Android设置WebView背景色

试遍了网上关于WebView设置背景色的各个方法，都没有下面这个靠谱。描述下我遇到的问题，WebView加载显示一段Html代码，但是UI设计的主界面是有一个浅灰色背景，而We

爱被打了一巴掌/ 2022年03月28日 13:29/ 0 赞/ 1958 阅读