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 相关文章推荐
DOM相关内容速查手册
Feb 07 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
Apr 26 Javascript
js利用数组length属性清空和截短数组的小例子
Jan 15 Javascript
js实现网页自动刷新可制作节日倒计时效果
May 27 Javascript
javascript实现依次输入input自动定焦
Dec 23 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
Feb 25 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
基于jQuery实现动态数字展示效果
Aug 12 Javascript
JS实现双击编辑可修改状态的方法
Aug 14 Javascript
JavaScript 中调用 Kotlin 方法实例详解
Jun 09 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
Feb 03 Javascript
react 中父组件与子组件双向绑定问题
May 20 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
ezSQL PHP数据库操作类库
2010/05/16 PHP
PHP变量内存分配问题记录整理
2013/11/27 PHP
php数组查找函数in_array()、array_search()、array_key_exists()使用实例
2014/04/29 PHP
php结合正则获取字符串中数字
2015/06/19 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
laravel批量生成假数据的方法
2019/10/09 PHP
jQuery Tools tab使用介绍
2012/07/14 Javascript
jquery ajax post提交数据乱码
2013/11/05 Javascript
jQuery实现网页抖动的菜单抖动效果
2015/08/07 Javascript
JS中对象与字符串的互相转换详解
2016/05/20 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
javaScript语法总结
2016/11/25 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
js实现京东轮播图效果
2017/06/30 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
详解js实时获取并显示当前时间的方法
2019/05/10 Javascript
atom-design(Vue.js移动端组件库)手势组件使用教程
2019/05/16 Javascript
为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置
2019/09/29 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
2020/08/05 Javascript
JS创建自定义对象的六种方法总结
2020/12/15 Javascript
通过滑动翻页效果实现和移动端click事件问题
2021/01/26 Javascript
[18:16]sakonoko 2017年卡尔集锦
2018/02/06 DOTA
python3读取MySQL-Front的MYSQL密码
2017/05/03 Python
python MNIST手写识别数据调用API的方法
2018/08/08 Python
用python代码将tiff图片存储到jpg的方法
2018/12/04 Python
python的xpath获取div标签内html内容,实现innerhtml功能的方法
2019/01/02 Python
Django 实现Admin自动填充当前用户的示例代码
2019/11/18 Python
浅析Python迭代器的高级用法
2020/07/16 Python
Python Opencv轮廓常用操作代码实例解析
2020/09/01 Python
阿根廷票务网站:StubHub阿根廷
2018/04/13 全球购物
介绍一下Prototype的$()函数,$F()函数,$A()函数都是什么作用?
2014/03/05 面试题
如何清空Session
2015/02/23 面试题
学校个人对照检查材料
2014/08/26 职场文书
党员承诺书范文2015
2015/04/27 职场文书
汤姆叔叔的小屋读书笔记
2015/06/30 职场文书
Redis缓存-序列化对象存储乱码问题的解决
2021/06/21 Redis