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 prototype原型操作笔记
Dec 07 Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 Javascript
javascript实例--教你实现扑克牌洗牌功能
May 15 Javascript
jQuery中:checked选择器用法实例
Jan 04 Javascript
JavaScript截断字符串的方法
Jul 15 Javascript
javascript多物体运动实现方法分析
Jan 08 Javascript
js中scrollTop()方法和scroll()方法用法示例
Oct 03 Javascript
不得不知的ES6小技巧
Jul 28 Javascript
ES6 迭代器与可迭代对象的实现
Feb 11 Javascript
微信小程序基于picker实现级联菜单
Feb 15 Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
vue基于better-scroll实现左右联动滑动页面
Jun 30 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
杏林同学录(一)
2006/10/09 PHP
fleaphp rolesNameField bug解决方法
2011/04/23 PHP
PHP中round()函数对浮点数进行四舍五入的方法
2014/11/19 PHP
收藏Javascript中常用的55个经典技巧
2007/08/12 Javascript
js控制框架刷新
2008/08/01 Javascript
解决表单中第一个非隐藏的元素获得焦点的一个方案
2009/10/26 Javascript
Js 随机数产生6位数字
2010/05/13 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
Prototype源码浅析 Number部分
2012/01/16 Javascript
web网页按比例显示图片实现原理及js代码
2013/08/09 Javascript
js点击出现悬浮窗效果不使用JQuery插件
2014/01/20 Javascript
jQuery DOM操作实例
2014/03/05 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
原生JavaScript+LESS实现瀑布流
2014/12/12 Javascript
JavaScript数组常用方法
2015/03/02 Javascript
jquery实现表格本地排序的方法
2015/03/11 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
2016/07/07 Javascript
AngularJS控制器之间的通信方式详解
2016/11/03 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
vue 中 命名视图的用法实例详解
2019/08/14 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
跟老齐学Python之编写类之二方法
2014/10/11 Python
Android 兼容性问题:java.lang.UnsupportedOperationException解决办法
2017/03/19 Python
Unicode和Python的中文处理
2017/03/19 Python
python3 面向对象__类的内置属性与方法的实例代码
2018/11/09 Python
一行python实现树形结构的方法
2019/08/09 Python
Keras自定义IOU方式
2020/06/10 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
质检员岗位职责
2013/12/17 职场文书
应届毕业生通用的自荐书范文
2014/02/07 职场文书
2015年元旦晚会活动总结(学生会)
2014/11/28 职场文书
精神文明建设汇报材料
2014/12/24 职场文书
党支部工作总结2015
2015/04/01 职场文书
英文辞职信范文
2015/05/13 职场文书
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
2021/06/15 Javascript