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 相关文章推荐
解决FireFox下[使用event很麻烦]的问题
Nov 26 Javascript
JS动画效果代码3
Apr 03 Javascript
jQuery隔行变色与普通JS写法的对比
Apr 21 Javascript
jquery实现盒子下拉效果示例代码
Sep 12 Javascript
jquery交替变换颜色的三种方法 实例代码
Nov 19 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
May 19 Javascript
js中跨域方法原理详解
Jul 19 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
Aug 05 Javascript
jquery实现自定义图片裁剪功能【推荐】
Mar 08 Javascript
vue实现2048小游戏功能思路详解
May 09 Javascript
JS基于对象的链表实现与使用方法示例
Jan 31 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 04 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
2019十大人气国漫
2020/03/13 国漫
php 传值赋值与引用赋值的区别
2010/12/29 PHP
jquery DOM操作 基于命令改变页面
2010/05/06 Javascript
DIV菜单层实现代码
2010/11/19 Javascript
深入理解JavaScript系列(7) S.O.L.I.D五大原则之开闭原则OCP
2012/01/15 Javascript
js设置组合快捷键/tabindex功能的方法
2013/11/21 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
2014/11/23 Javascript
jquery.mobile 共同布局遇到的问题小结
2015/02/10 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
2015/08/13 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
2016/12/13 Javascript
JavaScript使用ZeroClipboard操作剪切板
2017/05/10 Javascript
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
如何在selenium中使用js实现定位
2020/08/18 Javascript
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
Python使用Selenium+BeautifulSoup爬取淘宝搜索页
2018/02/24 Python
python中matplotlib的颜色及线条控制的示例
2018/03/16 Python
将Dataframe数据转化为ndarry数据的方法
2018/06/28 Python
使用pandas批量处理矢量化字符串的实例讲解
2018/07/10 Python
Python使用win32com模块实现数据库表结构自动生成word表格的方法
2018/07/17 Python
Python实现图片添加文字
2019/11/26 Python
python中return的返回和执行实例
2019/12/24 Python
Python requests获取网页常用方法解析
2020/02/20 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
python实现图片,视频人脸识别(dlib版)
2020/11/18 Python
css3截图_动力节点Java学院整理
2017/07/11 HTML / CSS
英国最大的宠物商店:Pets at Home
2019/04/17 全球购物
存储过程和函数的区别
2013/05/28 面试题
酒店管理毕业生自荐信
2013/10/24 职场文书
煤矿班组长的职责
2013/12/25 职场文书
小学英语课后反思
2014/04/26 职场文书
2014年销售助理工作总结
2014/12/01 职场文书
病人慰问信范文
2015/02/15 职场文书
2015年优质护理服务工作总结
2015/04/08 职场文书
客户付款通知书
2015/04/23 职场文书
mysql联合索引的使用规则
2021/06/23 MySQL