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

 更新时间:2014年10月17日 11:20:00   投稿:junjie  
这篇文章主要介绍了JavaScript fontcolor方法入门实例,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")的颜色。

相关文章

  • Javascript中的转义用法实例代码

    Javascript中的转义用法实例代码

    Javascript 中的转义用法一例,需要的朋友可以参考下。
    2010-11-11
  • caller和callee的区别介绍及演示结果

    caller和callee的区别介绍及演示结果

    caller返回一个函数的引用,这个函数调用了当前的函数;callee放回正在执行的函数本身的引用,它是arguments的一个属性,感兴趣的你可以参考下或许可以帮助到你
    2013-03-03
  • JavaScript DOM学习第一章 W3C DOM简介

    JavaScript DOM学习第一章 W3C DOM简介

    文档对象模式(Document Object Model DOM)用来描述HTML页面中那些输入框、图片、段落等等元素与最顶级的结构document之间的关系。用适当的方法来选取这些元素,我们就可以改变他们。
    2010-02-02
  • JavaScript中setUTCMilliseconds()方法的使用详解

    JavaScript中setUTCMilliseconds()方法的使用详解

    这篇文章主要介绍了JavaScript中setUTCMilliseconds()方法的使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • 编写Js代码要注意的几条规则

    编写Js代码要注意的几条规则

    大家在编写js代码的时候需要注意的一些地方,按照下面的方法,大家就可以尽量的让你的代码,更优化。
    2010-09-09
  • Javascript入门学习第七篇 js dom实例操作

    Javascript入门学习第七篇 js dom实例操作

    上篇文章我们讲了 用dom方式 创建节点,复制节点,插入节点。 今天我们将讲 删除节点,替换节点,查找节点等。
    2008-07-07
  • Javascript动态引用CSS文件的2种方法介绍

    Javascript动态引用CSS文件的2种方法介绍

    这篇文章主要介绍了Javascript动态加载CSS文件的2种方法,经常使用和非常实用的方法,需要的朋友可以参考下
    2014-06-06
  • 深入理解JavaScript系列(43):设计模式之状态模式详解

    深入理解JavaScript系列(43):设计模式之状态模式详解

    这篇文章主要介绍了深入理解JavaScript系列(43):设计模式之状态模式详解,状态模式(State)允许一个对象在其内部状态改变的时候改变它的行为,对象看起来似乎修改了它的类,需要的朋友可以参考下
    2015-03-03
  • javascript中call()、apply()的区别

    javascript中call()、apply()的区别

    这篇文章主要介绍了javascript中call()、apply()的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • JSONObject用法详解

    JSONObject用法详解

    本文详细讲解了JSONObject的用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-12-12

最新评论