JavaScript Document 设置文档颜色值

Document 对象提供了几个属性如fgColor、bgColor 等来设置Web 页面的显示颜色,它们一般定义在标记中,在文档布局确定之前完成设置。

例如:<body bgColor="white" fgColor="green" linkColor="red" alinkColor="blue" vlinkColor="purple">其中bgColor 属性可通过JavaScript 脚本动态改变。

Document 对象提供有关颜色的属性分别代表如下:

bgColor 表示文档的背景色;

fgColor 表示文档中文本的颜色;

linkColor 表示文档中未访问链接的颜色;

alinkColor 表示文档中链接被单击时出现的颜色;

vlinkColor 表示文档中已访问链接的颜色;

考察如下设置文档中各项颜色的实例代码:[code]

Sample Page!

设置颜色

链接实例 [/code]该程序使用标记内的onload()事件调用SetColor()方法来设置文档页面各项颜色的初始值如背景色bgColor 为颜色字符串常量“white”。

程序运行后,将出现如图所示的页面。

在上述页面中,鼠标移动到“改变背景色”按钮上时,触发onmouseOver()事件调用ChangeColorOver()函数来改变文档的背景颜色为黑色;

当鼠标移离“改变背景色”按钮时,触发onmouseOut()方法调用ChangeColorOut()函数来改变文档的背景颜色为白色。

在 HTML4 中,颜色有如下两种表示方式:

颜色字符串常量表示法:使用特定的字符串表示某种颜色,如字符串“blue”表示蓝色、“red”表示红色等。

在W3C 制定的HTML 4.0 标准中,存在16 个颜色字符串常量;

RGB 原色表示法:RGB 是Red、Green、Blue 三个词语的缩写,一个 RGB 颜色值由三个两位十六进制数字组成,分别代表各原色的强度。

该强度为从0 到255之间的整数值,如果换算成十六进制值表示,则范围从#00 到#FF。

例如 RGB(255,255,255)表示白色,且用#FFFFFF 表示;RGB(0,0,0)表示黑色,且用#000000表示。

在遵循 HTML4 规范的同时,各大浏览器厂商都扩展了在HTML4 中预定义的颜色字符串常量,但 RGB 原色表示法可以在所有浏览器中得到正确的显示。

在编写需跨浏览器环境工作的HTML 文档时,要尽量使用RGB 原色表示法以避免出现兼容性问题。

在HTML4 中预定义的颜色字符串常量与RGB 原色值之间存在一定对应关系,如表所示。