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 相关文章推荐
鼠标右击事件代码(asp.net后台)
Jan 27 Javascript
精通Javascript系列之数值计算
Jun 07 Javascript
js判断上传文件的类型和大小示例代码
Oct 18 Javascript
jQuery使用元素属性attr赋值详解
Feb 27 Javascript
jQuery validate插件实现ajax验证重复的2种方法
Jan 22 Javascript
jQuery原理系列-常用Dom操作详解
Jun 07 Javascript
实例解析ES6 Proxy使用场景介绍
Jan 08 Javascript
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
JS去除字符串最后的逗号实例分析【四种方法】
Jun 20 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
May 13 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
Aug 05 Javascript
JavaScript事件循环及宏任务微任务原理解析
Sep 02 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
如何将一个表单同时提交到两个地方处理
2006/10/09 PHP
Web程序工作原理详解
2014/12/25 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
PHP7匿名类用法分析
2016/09/26 PHP
Yii2语言国际化的配置教程
2018/08/19 PHP
PHP实现15位身份证号转18位的方法分析
2019/10/16 PHP
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
js自定义鼠标右键的实现原理及源码
2014/06/23 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
2016/05/15 Javascript
仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件
2016/07/01 Javascript
AugularJS从入门到实践(必看篇)
2017/07/10 Javascript
js实现带进度条提示的多视频上传功能
2020/12/13 Javascript
在vue中使用css modules替代scroped的方法
2018/03/10 Javascript
使用JS location实现搜索框历史记录功能
2019/12/23 Javascript
微信小程序实现上传照片代码实例解析
2020/08/04 Javascript
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
[原创]教女朋友学Python3(二)简单的输入输出及内置函数查看
2017/11/30 Python
python 中if else 语句的作用及示例代码
2018/03/05 Python
使用Python实现跳帧截取视频帧
2019/05/31 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
tf.concat中axis的含义与使用详解
2020/02/07 Python
vscode配置anaconda3的方法步骤
2020/08/08 Python
Jupyter安装拓展nbextensions及解决官网下载慢的问题
2021/03/03 Python
NUK奶瓶美国官网:NUK美国
2016/09/26 全球购物
科颜氏香港官方网店:Kiehl’s香港
2021/03/07 全球购物
简历中求职的个人自我评价
2013/12/03 职场文书
机电工程学生自荐信范文
2013/12/07 职场文书
家长通知书家长评语
2014/04/17 职场文书
班主任对学生的评语
2014/04/26 职场文书
小学数学教学经验交流材料
2014/05/22 职场文书
党员群众路线自我剖析材料
2014/10/06 职场文书
2015年财务经理工作总结
2015/05/13 职场文书
五星红旗迎风飘扬观后感
2015/06/17 职场文书
甜美蛋糕店的创业计划书模板,拿来即用!
2019/08/21 职场文书