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带搜索框的下拉菜单
May 06 Javascript
提交按钮的name='submit'引起的js失效问题及原因
Feb 25 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
Dec 07 Javascript
JS获取月份最后天数、最大天数与某日周数的方法
Dec 08 Javascript
基于JS实现的笛卡尔乘积之商品发布
May 13 Javascript
js判断是否为空和typeof的用法(详解)
Oct 07 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
Jan 26 Javascript
B/S(Web)实时通讯解决方案分享
Apr 06 Javascript
vue 2.0路由之路由嵌套示例详解
May 08 Javascript
vue中v-model动态生成的实例详解
Oct 27 Javascript
使用React手写一个对话框或模态框的方法示例
Apr 25 Javascript
vuex 中插件的编写案例解析
Jun 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
mysql建立外键
2006/11/25 PHP
php expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
2013/06/01 PHP
php使用CURL伪造IP和来源实例详解
2015/01/15 PHP
PHP5多态性与动态绑定介绍
2015/04/03 PHP
php数组索引与键值操作技巧实例分析
2015/06/24 PHP
PHP如何通过传引用的思想实现无限分类(代码简单)
2015/10/13 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
php使用fullcalendar日历插件详解
2019/03/06 PHP
Cookie 小记
2010/04/01 Javascript
JavaScript 事件系统
2010/07/22 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
2011/03/28 Javascript
判断浏览器的内核及版本号方法汇总
2015/01/05 Javascript
javascript实现动态表头及表列的展现方法
2015/07/14 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
2016/06/07 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
2016/08/25 Javascript
JavaScript易错知识点整理
2016/12/05 Javascript
bootstrap table配置参数例子
2017/01/05 Javascript
JavaScript实现水平进度条拖拽效果
2017/01/18 Javascript
vue使用微信JS-SDK实现分享功能
2019/08/23 Javascript
Javascript ParentNode和ChildNode接口原理解析
2020/03/16 Javascript
举例讲解Linux系统下Python调用系统Shell的方法
2015/11/07 Python
详解python进行mp3格式判断
2016/12/23 Python
网站渗透常用Python小脚本查询同ip网站
2017/05/08 Python
Python2.X/Python3.X中urllib库区别讲解
2017/12/19 Python
Python+tkinter模拟“记住我”自动登录实例代码
2018/01/16 Python
python+matplotlib实现动态绘制图片实例代码(交互式绘图)
2018/01/20 Python
浅析python函数式编程
2020/09/26 Python
python实现KNN近邻算法
2020/12/30 Python
用CSS3绘制三角形的简单方法
2015/07/17 HTML / CSS
HTML5中input输入框默认提示文字向左向右移动的示例代码
2020/09/10 HTML / CSS
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
委托与事件是什么关系?为什么要使用委托
2014/04/18 面试题
技校毕业生自荐书
2014/05/23 职场文书
Python OpenCV实现图像模板匹配详解
2022/04/07 Python