JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)_基础知识

JavaScript fontcolor 方法

fontcolor 方法返回使用 HTML font 标签中 color 属性定义的带有颜色的字符串。其语法如下:

复制代码 代码如下:

str_object.fontcolor( color )

参数说明:

参数 说明
str_object 要操作的字符串(对象)
color 必需。颜色名(red)、RGB 值(rgb(255,0,0))或者十六进制数(#FF0000)

提示:该方法不符合 ECMA 标准,不建议使用。

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 控制字体 CSS 样式的方式,可动态改变字体(id="article")的颜色。

时间: 2024-10-31 10:03:29

JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)_基础知识的相关文章

JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)_基础知识

JavaScript toUpperCase方法 toUpperCase方法用于把(英文)字符串转换为大写,并返回转换后的字符串.其语法如下: 复制代码 代码如下: str_object.toUpperCase() toUpperCase方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "AaBbCc"; document.write( str.toUpperCase() ); </s

JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)_基础知识

JavaScript toLowerCase 方法 toLowerCase 方法用于把(英文)字符串转换为小写,并返回转换后的字符串.其语法如下: 复制代码 代码如下: str_object.toLowerCase() toLowerCase 方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "AaBbCc"; alert( str.toLowerCase() ); </script&

JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)_基础知识

JavaScript onkeypress 事件 用户按下或按住一个键盘按键时会触发 onkeypress 事件. 注意:onkeypress 事件与 onkeydown 事件有些细微差别,onkeypress 事件不做相应功能键按下的处理.具体可将下面的示例更改为 onkeydown 事件后,可输入 !@#$ 等特殊字符即可体会出二者之间的差别. 提示 Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefo

JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)_基础知识

JavaScript lastIndexOf 方法 lastIndexOf 方法用于计算指定的字符串在整个字符串中最后一次出现的位置,并返回该数值.其语法如下: 复制代码 代码如下: str_object.lastIndexOf( search, start ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) search 必需.要检索的字符串 start 可选.指定开始检索的位置,如省略该参数,则将从字符串的最后一个字符开始检索 提示:字符串是从 0 开始计数的. las

JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)_基础知识

JavaScript charCodeAt 方法 charCodeAt 方法用于从字符串中取得指定位置字符的 Unicode 编码.其语法如下: 复制代码 代码如下: str_object.charCodeAt( x ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) x 必需.表示位置的数字 提示:字符串是从 0 开始计数的. charCodeAt 方法实例 复制代码 代码如下: <script language="JavaScript"> docu

JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)_基础知识

JavaScript fontsize 方法 fontsize 方法返回使用 HTML font 标签中 size 属性定义字体大小的字符串.其语法如下: 复制代码 代码如下: str_object.fontsize( size ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) size 必需.1 到 7 的数字,数字越大字体越大,字体大小对比如下: 1:10px 2:14px 3:16px 4:18px 5:24px 6:32px 7:48px 提示:该方法不符合 EC

JavaScript bold方法入门实例(把指定文字显示为粗体)_基础知识

JavaScript bold 方法 lastIndexOf 方法返回使用 HTML b 标签定义的粗体字符串.其语法如下: 复制代码 代码如下: str_object.bold() 提示:该方法不符合 ECMA 标准,不建议使用. bold 方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "www.jb51.net"; document.write(str.bold()); </s

JavaScript sup方法入门实例(把字符串显示为上标)_基础知识

sup 方法返回使用 HTML sup 标签属性定义的上标字符串.其语法如下: 复制代码 代码如下: str_object.sup() 提示:该方法不符合 ECMA 标准,不建议使用. sup 方法实例: 复制代码 代码如下: <script language="JavaScript"> document.write( '' + '每一点进步,都是我们通往成功道路上的坚实脚印'.sup() ); </script> 运行该例子,输出: 复制代码 代码如下: 每一

JavaScript strike方法入门实例(给字符串加上删除线)_基础知识

JavaScript strike 方法 strike 方法返回使用 HTML strike 标签属性定义的删除线样式的字符串.其语法如下: 复制代码 代码如下: str_object.strike() 提示:该方法不符合 ECMA 标准,不建议使用. strike 方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "www.jb51.net"; document.write( str.st