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 相关文章推荐
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
Mar 18 Javascript
jquery提交form表单简单示例分享
Mar 03 Javascript
jquery日历插件datepicker用法分析
Jan 22 Javascript
JavaScript实现多种排序算法
Feb 24 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
May 26 Javascript
ES6学习笔记之Set和Map数据结构详解
Apr 07 Javascript
微信小程序微信支付接入开发实例详解
Apr 12 Javascript
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
vue axios整合使用全攻略
May 24 Javascript
JavaScript中click和onclick本质区别与用法分析
Jun 07 Javascript
用JS实现选项卡
Mar 23 Javascript
vue-quill-editor的使用及个性化定制操作
Aug 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
php mysql Errcode: 28 终极解决方法
2009/07/01 PHP
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
PHP截取IE浏览器并缩小原图的方法
2016/03/04 PHP
详解Laravel视图间共享数据与视图Composer
2016/08/04 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
php读取qqwry.dat ip地址定位文件的类实例代码
2016/11/15 PHP
laravel邮件发送的实现代码示例
2020/01/31 PHP
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
2011/10/22 Javascript
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
2014/01/06 Javascript
学习使用jquery iScroll.js移动端滚动条插件
2020/03/24 Javascript
jQuery隐藏和显示效果实现
2016/04/06 Javascript
第九章之路径分页标签与徽章组件
2016/04/25 Javascript
Node.js Streams文件读写操作详解
2016/07/04 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
2016/08/15 Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
2016/11/18 Javascript
详解Jquery的事件操作和文档操作
2016/12/19 Javascript
vue父组件通过props如何向子组件传递方法详解
2017/08/16 Javascript
inquirer.js一个用户与命令行交互的工具详解
2019/05/18 Javascript
layui 阻止图片上传的实例(before方法)
2019/09/26 Javascript
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
[00:55]深扒TI7聊天轮盘语音出处3
2017/05/11 DOTA
Python完全新手教程
2007/02/08 Python
python3实现网络爬虫之BeautifulSoup使用详解
2018/12/19 Python
python selenium执行所有测试用例并生成报告的方法
2019/02/13 Python
python函数局部变量、全局变量、递归知识点总结
2019/11/15 Python
Django如何实现密码错误报错提醒
2020/09/04 Python
台湾母婴用品限时团购:妈咪爱
2018/08/03 全球购物
2014年教师节寄语
2014/08/11 职场文书
学生夜不归宿检讨书
2014/09/23 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
大学生学期个人总结
2015/02/12 职场文书
法律讲堂观后感
2015/06/11 职场文书
四年级语文教学反思
2016/03/03 职场文书
Appium中scroll和drag_and_drop根据元素位置滑动
2022/02/15 Python
国际最新研究在陨石中发现DNA主要成分 或由陨石带来地球
2022/04/29 数码科技