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 相关文章推荐
msn上的tab功能Firefox对childNodes处理的一个BUG
Jan 21 Javascript
Script的加载方法小结
Jan 12 Javascript
JS如何判断移动端访问设备并解析对应CSS
Nov 27 Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
Feb 25 Javascript
Ajax中解析Json的两种方法对比分析
Jun 25 Javascript
JavaScript如何实现对数字保留两位小数一位自动补零
Dec 18 Javascript
从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
Apr 13 Javascript
Vue-Router进阶之滚动行为详解
Sep 13 Javascript
jQuery 选择器用法基础入门示例
Jan 04 jQuery
Vue v-model组件封装(类似弹窗组件)
Jan 08 Javascript
微信小程序个人中心的列表控件实现代码
Apr 26 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
DC的38部超级英雄动画电影
2020/03/03 欧美动漫
php循环输出数据库内容的代码
2008/05/24 PHP
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
php实现每日签到功能
2018/11/29 PHP
学习YUI.Ext 第二天
2007/03/10 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
2014/06/12 Javascript
理解Javascript图片预加载
2016/02/23 Javascript
AngularJS入门教程之多视图切换用法示例
2016/11/02 Javascript
js实现点击每个li节点,都弹出其文本值及修改
2016/12/15 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
详谈jQuery中使用attr(), prop(), val()获取value的异同
2017/04/25 jQuery
JavaScript数据结构之优先队列与循环队列实例详解
2017/10/27 Javascript
vant(ZanUi)结合async-validator实现表单验证的方法
2018/12/06 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
2020/08/12 Javascript
vue导入.md文件的步骤(markdown转HTML)
2020/12/31 Vue.js
python 根据正则表达式提取指定的内容实例详解
2016/12/04 Python
django 修改server端口号的方法
2018/05/14 Python
pytorch索引查找 index_select的例子
2019/08/18 Python
python3.7环境下安装Anaconda的教程图解
2019/09/10 Python
Pytorch使用PIL和Numpy将单张图片转为Pytorch张量方式
2020/05/25 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题
2016/06/28 HTML / CSS
在线学习西班牙语、法语或其他语言:Babbel.com
2018/02/07 全球购物
真正的英国宝藏:Mappin & Webb
2019/05/05 全球购物
Hanky Panky官方网站:内衣和睡衣
2019/07/25 全球购物
Booking.com亚太地区:Booking.com APAC
2020/02/07 全球购物
戴尔新加坡官网:Dell Singapore
2020/12/13 全球购物
传媒专业推荐信范文
2013/11/23 职场文书
护理专科毕业自荐信范文
2014/04/21 职场文书
怎么写工作检讨书
2014/11/16 职场文书
2014年应急管理工作总结
2014/11/26 职场文书
Python多线程 Queue 模块常见用法
2021/07/04 Python
剑指Offer之Java算法习题精讲二叉树专项训练
2022/03/21 Java/Android
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python