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 相关文章推荐
JQuery Ajax 跨域访问的解决方案
Mar 12 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
Nov 08 Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
Apr 19 Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
Feb 12 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
Feb 27 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
May 28 Javascript
JS命令模式例子之菜单程序
Oct 10 Javascript
ionic2 tabs使用 Modal底部tab弹出框
Dec 30 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
Feb 19 Javascript
javascript数组拍平方法总结
Jan 20 Javascript
详解微信JS-SDK选择图片遇到的坑
Aug 15 Javascript
微信小程序实现的一键拨号功能示例
Apr 24 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
PHP与已存在的Java应用程序集成
2006/10/09 PHP
phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
2011/08/18 PHP
Mac OS下配置PHP+MySql环境
2015/02/25 PHP
Javascript中找到子元素在父元素内相对位置的代码
2012/07/21 Javascript
JavaScript自动设置IFrame高度的小例子
2013/06/08 Javascript
css结合js制作下拉菜单示例代码
2014/02/27 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
2014/04/14 Javascript
JavaScript中的console.dir()函数介绍
2014/12/29 Javascript
javascript学习之json入门
2016/12/22 Javascript
JS简单实现自定义右键菜单实例
2017/05/31 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
2017/07/13 Javascript
JS 中使用Promise 实现红绿灯实例代码(demo)
2017/10/20 Javascript
three.js实现3D影院的原理的代码分析
2017/12/18 Javascript
vue+springboot实现项目的CORS跨域请求
2018/09/05 Javascript
12个提高JavaScript技能的概念(小结)
2019/05/09 Javascript
js实现省级联动(数据结构优化)
2020/07/17 Javascript
[38:21]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS LGD-CDEC
2014/05/22 DOTA
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
纯Python开发的nosql数据库CodernityDB介绍和使用实例
2014/10/23 Python
python使用PyGame模块播放声音的方法
2015/05/20 Python
利用django如何解析用户上传的excel文件
2017/07/24 Python
python实现图片二值化及灰度处理方式
2019/12/07 Python
Python: 传递列表副本方式
2019/12/19 Python
TensorFlow tf.nn.softmax_cross_entropy_with_logits的用法
2020/04/19 Python
python pillow库的基础使用教程
2021/01/13 Python
Clarisonic美国官网:科莱丽声波洁面仪
2017/10/12 全球购物
英国和爱尔兰的自炊式豪华度假小屋:Rural Retreats
2018/06/08 全球购物
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
资产经营总监岗位职责
2013/12/04 职场文书
食品厂厂长岗位职责
2014/01/30 职场文书
单位委托书怎么写
2014/08/02 职场文书
初三英语教学计划
2015/01/23 职场文书
严以用权专题学习研讨会发言材料
2015/11/09 职场文书
新学期家长寄语2016
2015/12/03 职场文书
vue3不同环境下实现配置代理
2022/05/25 Vue.js