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 相关文章推荐
jquery 最简单的属性菜单
Oct 08 Javascript
JS 文件传参及处理技巧分析
May 13 Javascript
禁止页面刷新让F5快捷键及右键都无效
Jan 22 Javascript
JavaScript保留两位小数的2个自定义函数
May 05 Javascript
jQuery检查元素存在性(推荐)
Sep 17 Javascript
解决axios发送post请求返回400状态码的问题
Aug 11 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
Sep 18 Javascript
vue实现点击隐藏与显示实例分享
Feb 13 Javascript
Vue数据绑定实例写法
Aug 06 Javascript
JS实现横向跑马灯效果代码
Apr 20 Javascript
Node Mongoose用法详解【Mongoose使用、Schema、对象、model文档等】
May 13 Javascript
详解Vue的异步更新实现原理
Dec 22 Vue.js
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基于openssl的rsa加密解密示例
2016/07/11 PHP
php实现算术验证码功能
2018/12/05 PHP
php中钩子(hook)的原理与简单应用demo示例
2019/09/03 PHP
javascript 冒号 使用说明
2009/06/06 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
js动画(animate)简单引擎代码示例
2012/12/04 Javascript
浅析Js中的单引号与双引号问题
2013/11/06 Javascript
详解AngularJS的通信机制
2015/06/18 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
2015/09/08 Javascript
javascript定义类和类的实现实例详解
2015/12/01 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
2016/01/08 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
jQuery设置Cookie及删除Cookie实例分析
2016/04/15 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
2016/06/08 Javascript
详解Angular的内置过滤器和自定义过滤器【推荐】
2016/12/26 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
2017/08/08 jQuery
Vue+Flask实现简单的登录验证跳转的示例代码
2018/01/13 Javascript
解决layui调用自定义方法提示未定义的问题
2019/09/14 Javascript
详解webpack-dev-middleware 源码解读
2020/03/23 Javascript
Python面向对象编程之继承与多态详解
2018/01/16 Python
django orm 通过related_name反向查询的方法
2018/12/15 Python
浅谈python图片处理Image和skimage的区别
2019/08/04 Python
Python基于smtplib模块发送邮件代码实例
2020/05/29 Python
python中tab键是什么意思
2020/06/18 Python
Python logging自定义字段输出及打印颜色
2020/11/30 Python
CSS3中线性颜色渐变的一些实现方法
2015/07/14 HTML / CSS
CSS3制作轮播图的一种方法
2019/11/11 HTML / CSS
洛佩桑酒店官方网站:Lopesan Hotels
2019/04/15 全球购物
Hotels.com拉丁美洲:从豪华酒店到经济型酒店的预定优惠和折扣
2019/12/09 全球购物
智能室内花园:Click & Grow
2021/01/29 全球购物
经济管理毕业生求职信
2014/03/15 职场文书
机关作风整顿个人整改措施2014
2014/09/17 职场文书
小学家长意见怎么写
2015/06/03 职场文书
贷款工作证明模板
2015/06/12 职场文书
学习计划是什么
2019/04/30 职场文书
「月刊Comic Alive」2022年5月号封面公开
2022/03/21 日漫