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 控制弹出窗口
Apr 10 Javascript
Javascript 获取滚动条位置等信息的函数
Sep 08 Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
Oct 07 Javascript
js获取元素相对窗口位置的实现代码
Sep 28 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
Jan 09 Javascript
JQuery中的事件及动画用法实例
Jan 26 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
May 24 Javascript
给easyui datebox扩展一个清空的实例
Nov 09 Javascript
JavaScript下拉菜单功能实例代码
Mar 01 Javascript
微信小程序 后台登录(非微信账号)实例详解
Mar 31 Javascript
基于LayUI实现前端分页功能的方法
Jul 22 Javascript
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
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学习 字符串课件
2008/06/15 PHP
PHP ElasticSearch做搜索实例讲解
2020/02/05 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
IE6下JS动态设置图片src地址问题
2010/01/08 Javascript
jQuery.clean使用方法及思路分析
2013/01/07 Javascript
jquery win 7透明弹出层效果的简单代码
2013/08/06 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
原生JS实现美图瀑布流布局赏析
2015/09/07 Javascript
详解jQuery简单的表单应用
2016/12/16 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
canvas绘制七巧板
2017/02/03 Javascript
利用nodejs监控文件变化并使用sftp上传到服务器
2017/02/18 NodeJs
vuejs响应用户事件(如点击事件)
2017/03/14 Javascript
JavaScript中undefined和null的区别
2017/05/03 Javascript
js用类封装pop弹窗组件
2017/10/08 Javascript
webpack 4.0.0-beta.0版本新特性介绍
2018/02/10 Javascript
10分钟上手vue-cli 3.0 入门介绍
2018/04/04 Javascript
Python中time模块与datetime模块在使用中的不同之处
2015/11/24 Python
python更改已存在excel文件的方法
2018/05/03 Python
Python从单元素字典中获取key和value的实例
2018/12/31 Python
python安装requests库的实例代码
2019/06/25 Python
为什么说Python可以实现所有的算法
2019/10/04 Python
如何修复使用 Python ORM 工具 SQLAlchemy 时的常见陷阱
2019/11/19 Python
软件设计的目标是什么
2016/12/04 面试题
大学生大二自我鉴定
2013/10/28 职场文书
给老婆的婚前保证书
2014/02/01 职场文书
大学英语演讲稿范文
2014/04/24 职场文书
申论倡议书范文
2014/05/13 职场文书
环保标语口号
2014/06/13 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
怎样写好演讲稿题目?
2019/08/21 职场文书
导游词之太湖
2019/10/08 职场文书
简单介绍 http请求响应参数、无连接无状态、MIME、状态码、端口、telnet、curl
2021/03/31 HTML / CSS
opencv检测动态物体的实现
2021/07/21 Python