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


Posted in Javascript onOctober 17, 2014

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 = "3water.com";

document.write( str.fontcolor("red") );
</script>

运行该例子,输出:

3water.com

提示:该方法返回使用 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 选择文件夹对话框(web)
Jul 07 Javascript
jquery 将disabled的元素置为enabled的三种方法
Jul 25 Javascript
jquery text()要注意啦
Oct 30 Javascript
用js解决数字不能换行问题
Aug 10 Javascript
javascript数据结构与算法之检索算法
Apr 04 Javascript
jQuery图片渐变特效的简单实现
Jun 25 Javascript
vuex实现的简单购物车功能示例
Feb 13 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
Feb 26 Javascript
ES6小技巧之代替lodash
Jun 07 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
微信小程序 自定义弹窗实现过程(附代码)
Dec 05 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
Mar 16 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
Oct 17 #Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
Oct 17 #Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
Oct 17 #Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
Oct 17 #Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
Oct 17 #Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
Oct 17 #Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
Oct 17 #Javascript
You might like
mysql_num_rows VS COUNT 效率问题分析
2011/04/23 PHP
php数组一对一替换实现代码
2012/08/31 PHP
php使用pdo连接mssql server数据库实例
2014/12/25 PHP
php接口数据加密、解密、验证签名
2015/03/12 PHP
使用phpexcel类实现excel导入mysql数据库功能(实例代码)
2016/05/12 PHP
PHP实现正则匹配所有括号中的内容
2018/06/22 PHP
js身份证验证超强脚本
2008/10/26 Javascript
爆炸式的JS圆形浮动菜单特效代码
2010/03/03 Javascript
jQuery easyui datagrid动态查询数据实例讲解
2013/02/26 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
Javascript中setTimeOut和setInterval的定时器用法
2015/06/12 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
jquery表单提交带错误信息提示效果
2017/03/09 Javascript
JavaScript箭头函数_动力节点Java学院整理
2017/06/28 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
2017/07/03 Javascript
微信小程序loading组件显示载入动画用法示例【附源码下载】
2017/12/09 Javascript
在Vue中使用icon 字体图标的方法
2019/06/14 Javascript
[02:15]2014DOTA2国际邀请赛 赛后退役选手回顾
2014/08/01 DOTA
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
python 循环while和for in简单实例
2016/08/16 Python
python读取word文档,插入mysql数据库的示例代码
2018/11/07 Python
Python中栈、队列与优先级队列的实现方法
2019/06/30 Python
anaconda中更改python版本的方法步骤
2019/07/14 Python
Python3安装pip工具的详细步骤
2019/10/14 Python
Python使用selenium + headless chrome获取网页内容的方法示例
2019/10/16 Python
python的range和linspace使用详解
2019/11/27 Python
在python3中实现更新界面
2020/02/21 Python
用Python 爬取猫眼电影数据分析《无名之辈》
2020/07/24 Python
一款纯css3实现的颜色渐变按钮的代码教程
2014/11/12 HTML / CSS
如何在C# winform中异步调用web services
2015/09/21 面试题
经济信息管理专业大学生求职信
2013/09/27 职场文书
幼师求职自荐信范文
2014/01/26 职场文书
创建服务型党组织实施方案
2014/02/25 职场文书
2015年党员干部承诺书
2015/01/21 职场文书
服装店员工管理制度
2015/08/07 职场文书
Java基础之线程锁相关知识总结
2021/06/30 Java/Android