JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)


Posted in Javascript onOctober 17, 2014

JavaScript fontsize 方法

fontsize 方法返回使用 HTML font 标签中 size 属性定义字体大小的字符串。其语法如下:

str_object.fontsize( size )

参数说明:

参数 说明
str_object 要操作的字符串(对象)
size 必需。1 到 7 的数字,数字越大字体越大,字体大小对比如下: 1:10px 2:14px 3:16px 4:18px 5:24px 6:32px 7:48px

提示:该方法不符合 ECMA 标准,不建议使用。

fontsize 方法实例

<script language="JavaScript">

var str = "3water.com";
document.write( str.fontsize( 7 ) );

</script>

运行该例子,输出:

3water.com

提示:该方法返回使用 HTML font size 标签定义的字符串,即使用该方法并不能动态的改变字体的大小。如果想动态改变元素字体大小,可参考下面的实例:

延伸阅读:改变页面元素字体颜色

<html>
<script language="JavaScript">
function changFont( x ){

    document.getElementById("article").style.fontSize = x;

}
</script>
<body>

<p>

<a onClick="changFont(14);">正常</a> <a onClick="changFont(20);">大号</a>

</p>

<p id="article">

我是一些文字 ...<br />

Some Text ...

</p>

</body>

</html>

在该例子中,通过 JavaScript 控制字体 CSS 样式的方式,可动态改变字体(id="article")的大小。

Javascript 相关文章推荐
jQuery1.6 使用方法二
Nov 23 Javascript
javascript 全选与全取消功能的实现代码
Dec 23 Javascript
原生js实现给指定元素的后面追加内容
Apr 10 Javascript
javascript结合Canvas 实现简易的圆形时钟
Mar 11 Javascript
JavaScript时间操作之年月日星期级联操作
Jan 15 Javascript
JavaScript编程中实现对象封装特性的实例讲解
Jun 24 Javascript
微信小程序 picker 组件详解及简单实例
Jan 10 Javascript
React Native 图片查看组件的方法
Mar 01 Javascript
element-ui表格列金额显示两位小数的方法
Aug 24 Javascript
Vue利用Blob下载原生二进制数组文件
Sep 25 Javascript
vue a标签点击实现赋值方式
Sep 07 Javascript
JavaScript对象访问器Getter及Setter原理解析
Dec 08 Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
Oct 17 #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
You might like
如何对PHP程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
PHP中的string类型使用说明
2010/07/27 PHP
实例介绍PHP的Reflection反射机制
2014/08/05 PHP
初识ThinkPHP控制器
2016/04/07 PHP
php curl常用的5个经典例子
2017/01/20 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
制作特殊字的脚本
2006/06/26 Javascript
小议Function.apply() 之一------(函数的劫持与对象的复制)
2006/11/30 Javascript
写出更好的JavaScript之undefined篇(上)
2009/11/22 Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
2014/12/31 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
2015/11/13 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
2016/02/01 Javascript
JavaScript中的原型prototype完全解析
2016/05/10 Javascript
浅谈jquery上下滑动的注意事项
2016/10/13 Javascript
Bootstrap源码解读按钮(5)
2016/12/23 Javascript
深入理解javascript中的 “this”
2017/01/17 Javascript
微信小程序左滑动显示菜单功能的实现
2018/06/14 Javascript
bootstrap table合并行数据并居中对齐效果
2018/10/17 Javascript
[15:15]教你分分钟做大人:狙击手
2014/10/30 DOTA
[58:58]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第二场
2018/04/05 DOTA
[03:21]【TI9纪实】Old Boys
2019/08/23 DOTA
[41:21]夜魇凡尔赛茶话会 第三期02:看图识人
2021/03/11 DOTA
python多进程并发demo实例解析
2019/12/13 Python
python学生信息管理系统实现代码
2019/12/17 Python
TensorFlow dataset.shuffle、batch、repeat的使用详解
2020/01/21 Python
Tensorflow 实现释放内存
2020/02/03 Python
Python decorator拦截器代码实例解析
2020/04/04 Python
Anaconda+vscode+pytorch环境搭建过程详解
2020/05/25 Python
python,Java,JavaScript实现indexOf
2020/09/09 Python
美国LOGO设计公司:The Logo Company
2018/07/16 全球购物
财务人员担保书
2014/05/13 职场文书
售后客服工作职责
2014/06/16 职场文书
入伍通知书
2015/04/23 职场文书
2015年煤矿安全工作总结
2015/05/23 职场文书
运动会广播稿100字
2015/08/19 职场文书
利用Nginx代理如何解决前端跨域问题详析
2021/04/02 Servers