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")的颜色。

(0)

相关推荐

  • 在JavaScript中处理字符串之fontcolor()方法的使用

    此方法会导致就好像它是在一个字符串被显示在指定的颜色 <font color="color">标记. 语法 string.fontcolor( color ) 下面是参数的详细信息: color: 字符串表示的颜色为十六进制RGB三元或作为一个字符串 返回值: 字符串表示的颜色为十六进制RGB三元或作为一个字符串 例子: <html> <head> <title>JavaScript String fontcolor() Method&l

  • JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)

    JavaScript fontcolor 方法 fontcolor 方法返回使用 HTML font 标签中 color 属性定义的带有颜色的字符串.其语法如下: 复制代码 代码如下: str_object.fontcolor( color ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) color 必需.颜色名(red).RGB 值(rgb(255,0,0))或者十六进制数(#FF0000) 提示:该方法不符合 ECMA 标准,不建议使用. fontcolor 方法实

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

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

  • JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)

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

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

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

  • 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

  • JavaScript italics方法入门实例(把字符串显示为斜体)

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

  • JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)

    JavaScript fromCharCode 方法 fromCharCode 方法用于把一个或多个 Unicode 值转换为(大写)字符串,并返回该字符串.其语法如下: 复制代码 代码如下: String.fromCharCode( num1, num2, ... ) 参数说明: 参数 说明 num1/num2 必需.Unicode 编码值 提示:该方法是 String 的静态方法,它的语法应该是 String.fromCharCode(),而不适用于您自己创建的 String 对象. fro

随机推荐