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实现网页图片等比例缩放实现代码及调用方式
Feb 25 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 Javascript
js实现同一页面多个运动效果的方法
Apr 10 Javascript
Javascript对象Clone实例分析
Jun 09 Javascript
javascript实现在线客服效果
Jul 15 Javascript
Angular 路由route实例代码
Jul 12 Javascript
jQuery向父辈遍历的简单方法
Sep 18 Javascript
js实现显示手机号码效果
Mar 09 Javascript
js判断鼠标移入移出方向的方法
Jun 24 Javascript
javascript的hashCode函数实现代码小结
Aug 11 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
Nov 02 Javascript
微信小程序实现分页加载效果
Nov 19 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
咖啡产品发展的三大浪潮
2021/03/04 咖啡文化
PHP开发文件系统实例讲解
2006/10/09 PHP
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
2010/06/19 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
JavaScript定义类的几种方式总结
2014/01/06 Javascript
JavaScript实现的内存数据库LokiJS介绍和入门实例
2014/11/17 Javascript
用js判断是否为360浏览器的实现代码
2015/01/15 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
简介AngularJS的视图功能应用
2015/06/17 Javascript
3种js实现string的substring方法
2015/11/09 Javascript
AngularJS动态绑定HTML的方法分析
2016/11/07 Javascript
用vue和node写的简易购物车实现
2017/04/25 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
2017/06/22 jQuery
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
解决vue无法设置滚动位置的问题
2018/10/07 Javascript
jquery实现下载图片功能
2019/07/18 jQuery
微信小程序开发搜索功能实现(前端+后端+数据库)
2020/03/04 Javascript
原生js实现的观察者和订阅者模式简单示例
2020/04/18 Javascript
利用python获得时间的实例说明
2013/03/25 Python
python实现的udp协议Server和Client代码实例
2014/06/04 Python
Python实现从URL地址提取文件名的方法
2015/05/15 Python
利用Python脚本生成sitemap.xml的实现方法
2017/01/31 Python
python得到qq句柄,并显示在前台的方法
2018/10/14 Python
树莓派使用python-librtmp实现rtmp推流h264的方法
2019/07/22 Python
Python 文件操作之读取文件(read),文件指针与写入文件(write),文件打开方式示例
2019/09/29 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
使用Python中tkinter库简单gui界面制作及打包成exe的操作方法(二)
2020/10/12 Python
简单介绍HTML5中的文件导入
2015/05/08 HTML / CSS
金额转换,阿拉伯数字的金额转换成中国传统的形式如:(¥1011)-> (一千零一拾一元整)输出
2015/05/29 面试题
采购文员岗位职责
2013/11/20 职场文书
党支部书记先进事迹
2014/01/17 职场文书
书法比赛获奖感言
2014/02/10 职场文书
学校社会实践活动总结
2014/07/03 职场文书
大连星海广场导游词
2015/02/10 职场文书
暑假打工感想
2015/08/07 职场文书
MySQL 如何限制一张表的记录数
2021/09/14 MySQL