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 相关文章推荐
JS+CSS实现一个气泡提示框
Aug 18 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 Javascript
javascript实现鼠标拖动改变层大小的方法
Apr 30 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
Jun 15 Javascript
arguments对象验证函数的参数是否合法
Jun 26 Javascript
jquery制做精致的倒计时特效
Jun 13 Javascript
纯JS代码实现隔行变色鼠标移入高亮
Nov 23 Javascript
JS实现匀加速与匀减速运动的方法示例
Sep 04 Javascript
vue添加class样式实例讲解
Feb 12 Javascript
解决一个微信号同时支持多个环境网页授权问题
Aug 07 Javascript
webpack proxy 使用(代理的使用)
Jan 10 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
在textarea文本域中显示HTML代码的方法
2007/03/06 Javascript
JsEasy简介 JsEasy是什么?与下载
2007/03/07 Javascript
javascript中的startWith和endWith的几种实现方法
2013/05/07 Javascript
如何使Chrome控制台支持多行js模式——意外发现
2013/06/13 Javascript
json数据与字符串的相互转化示例
2013/09/18 Javascript
javascript学习笔记(七)Ajax和Http状态码
2014/10/08 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
2015/05/18 Javascript
jquery超简单实现手风琴效果的方法
2015/06/05 Javascript
浅谈jQuery中ajaxPrefilter的应用
2016/08/01 Javascript
Bootstrap警告(Alerts)的实现方法
2017/03/22 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
2017/12/25 Javascript
vue实现在线学生录入系统
2020/05/30 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
2020/11/12 Javascript
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
python实现用户登录系统
2016/05/21 Python
Python 含参构造函数实例详解
2017/05/25 Python
Python读取文件内容的三种常用方式及效率比较
2017/10/07 Python
python DataFrame 修改列的顺序实例
2018/04/10 Python
Python unittest模块用法实例分析
2018/05/25 Python
解决python super()调用多重继承函数的问题
2019/06/26 Python
PyTorch中常用的激活函数的方法示例
2019/08/20 Python
Python:type、object、class与内置类型实例
2019/12/25 Python
jupyter notebook 参数传递给shell命令行实例
2020/04/10 Python
使用keras实现Precise, Recall, F1-socre方式
2020/06/15 Python
浅谈Python里面None True False之间的区别
2020/07/09 Python
Pytorch实现WGAN用于动漫头像生成
2021/03/04 Python
HTML5的新特性(1)
2016/03/03 HTML / CSS
如何在Cookie里面保存Unicode和国际化字符
2013/05/25 面试题
食品安全处置方案
2014/06/14 职场文书
学校消防安全责任书
2014/07/23 职场文书
酒店爱岗敬业演讲稿
2014/09/02 职场文书
大学生迟到检讨书500字
2014/10/17 职场文书
JavaScript 对象创建的3种方法
2021/11/17 Javascript
德劲DE1107指针试高灵敏度全波段收音机机评
2022/04/05 无线电
python前后端自定义分页器
2022/04/13 Python