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 相关文章推荐
关于图片的预加载过程中隐藏未知的
Dec 19 Javascript
jQuery中通过ajax的get()函数读取页面的方法
Feb 29 Javascript
浅谈JSON.stringify()和JOSN.parse()方法的不同
Aug 29 Javascript
AngularJS 过滤器(自带和自建)详解
Sep 19 Javascript
JS数字千分位格式化实现方法总结
Dec 16 Javascript
JavaScript 动态三角函数实例详解
Jan 08 Javascript
深入理解Vue官方文档梳理之全局API
Nov 22 Javascript
Node.js静态服务器的实现方法
Feb 28 Javascript
在vue组件中使用axios的方法
Mar 16 Javascript
Layui实现带查询条件的分页
Jul 27 Javascript
vue单应用在ios系统中实现微信分享功能操作
Sep 07 Javascript
如何利用vue实现波谱拟合详解
Nov 05 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
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
DOMAssitant最新版 DOMAssistant 2.5发布
2007/12/25 Javascript
javascript分页代码(当前页码居中)
2012/09/20 Javascript
Jquery中LigerUi的弹出编辑框(实现方法)
2013/07/09 Javascript
怎么判断js脚本加载完成
2014/02/28 Javascript
深入理解Javascript里的依赖注入
2014/03/19 Javascript
DOM节点深度克隆函数cloneNode()用法实例
2015/01/12 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
2016/01/23 Javascript
全面了解函数声明与函数表达式、变量提升
2016/08/09 Javascript
Angularjs实现搜索关键字高亮显示效果
2017/01/17 Javascript
微信小程序 页面跳转传值实现代码
2017/07/27 Javascript
vue中页面跳转拦截器的实现方法
2017/08/23 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
vue技术分享之你可能不知道的7个秘密
2018/04/09 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
[28:07]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第二场 12.13
2020/12/17 DOTA
使用Python的Supervisor进行进程监控以及自动启动
2014/05/29 Python
举例讲解Python程序与系统shell交互的方式
2015/04/09 Python
python dict.get()和dict['key']的区别详解
2016/06/30 Python
python 换位密码算法的实例详解
2017/07/19 Python
python cumsum函数的具体使用
2019/07/29 Python
使用python编写一个语音朗读闹钟功能的示例代码
2020/07/14 Python
微信小程序之html5 canvas绘图并保存到系统相册
2019/06/20 HTML / CSS
AmazeUI 模态窗口的实现代码
2020/08/18 HTML / CSS
如何查询Oracle数据库中已经创建的索引
2013/10/11 面试题
JAVA软件工程师测试题
2014/07/25 面试题
在校硕士自我鉴定
2014/01/23 职场文书
前处理组长岗位职责
2014/03/01 职场文书
学校搬迁方案
2014/06/15 职场文书
党的群众路线批评与自我批评范文
2014/10/16 职场文书
2015大学生实训报告
2014/11/05 职场文书
2015年酒店服务员工作总结
2015/05/18 职场文书
优秀党员主要事迹范文
2015/11/05 职场文书
护理培训心得体会
2016/01/22 职场文书
Python基础之tkinter图形化界面学习
2021/04/29 Python
CSS中使用grid布局实现一套模板多种布局
2022/07/15 HTML / CSS