本文介绍JavaScript中已过时的fontcolor方法，该方法通过HTML font标签为字符串添加颜色，但不符合ECMA标准。文章同时提供了通过JavaScript操作DOM元素style.color属性来动态改变页面字体颜色的现代替代方案及完整代码示例。
JavaScript fontcolor 方法详解与动态改色方案
JavaScript fontcolor 方法
fontcolor 方法用于生成一个经过 HTML font 标签包装且指定了 color 属性的字符串。其基本语法结构如下：
代码如下:
str_object.fontcolor( color )参数说明:
| 参数 | 说明 |
|---|---|
| str_object | 要操作的字符串（对象） |
| color | 必需。颜色名(red)、RGB 值(rgb(255,0,0))或者十六进制数(#FF0000) |
注意：该方法并未遵循 ECMA 标准规范，官方建议避免使用。
fontcolor 方法实例
fontcolor 方法实例
代码如下:
<script language="JavaScript">
var str = "www.jb51.net";
document.write( str.fontcolor("red") );
</script>执行上述代码后，浏览器输出结果为：
代码如下:
www.jb51.net需要指出的是，该方法生成的字符串包含 HTML color 标签定义，这仅用于静态渲染，无法实现页面加载后动态修改字体颜色的效果。若需动态改变字体颜色，请参考以下示例：
延伸阅读：改变页面元素字体颜色
延伸阅读：改变页面元素字体颜色
代码如下:
<html>
<script language="JavaScript">
function changFont( x ){
var font_style = x;
var article = document.getElementById("article");
if( typeof font_style == "string" ){
article.style.color = font_style;
}
}
</script>
<body>
<p>
<a onClick="changFont('black');">黑色</a> <a onClick="changFont('red');">红色</a>
<a onClick="changFont('blue');">蓝色</a>
</p>
<p id="article">
我是一些文字 ...<br />
Some Text ...
</p>
</body>
</html>在此示例中，通过 JavaScript 直接操作 DOM 元素的 style.color 属性，实现了对 id 为 article 的元素字体颜色的动态控制。