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实现自定义下拉列表
Jan 05 Javascript
js改变embed标签src值的方法
Apr 10 Javascript
jQuery旋转木马式幻灯片轮播特效
Dec 04 Javascript
javascript实现简单的全选和反选功能
Jan 05 Javascript
jQuery Validate 校验多个相同name的方法
May 18 jQuery
es6在react中的应用代码解析
Nov 08 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
Dec 26 Javascript
安装vue-cli的简易过程
May 22 Javascript
详解swipe使用及竖屏页面滚动方法
Jun 28 Javascript
微信小程序JS加载esmap地图的实例详解
Sep 04 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
Nov 19 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 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实现mysql同步的实现方法
2009/10/21 PHP
PHP utf-8编码问题,utf8编码,数据库乱码,页面显示输出乱码
2013/04/08 PHP
解析php取整的几种方式
2013/06/25 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
php版微信自动登录并获取昵称的方法
2016/09/23 PHP
php面向对象之反射功能与用法分析
2017/03/29 PHP
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
AngularJS基础 ng-mouseover 指令简单示例
2016/08/02 Javascript
移动端日期插件Mobiscroll.js使用详解
2016/12/19 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
JavaScript数组的5种迭代方法
2017/09/29 Javascript
JavaScript工具库MyTools详解
2020/01/01 Javascript
vantUI 获得piker选中值的自定义ID操作
2020/11/04 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
python代码检查工具pylint 让你的python更规范
2012/09/05 Python
python使用PyGame播放Midi和Mp3文件的方法
2015/04/24 Python
python中string模块各属性以及函数的用法介绍
2016/05/30 Python
数据清洗--DataFrame中的空值处理方法
2018/07/03 Python
查看Python依赖包及其版本号信息的方法
2019/08/13 Python
django多种支付、并发订单处理实例代码
2019/12/13 Python
关于Keras模型可视化教程及关键问题的解决
2020/01/24 Python
关于python的缩进规则的知识点详解
2020/06/22 Python
django 获取字段最大值,最新的记录操作
2020/08/09 Python
如何利用Python写个坦克大战
2020/11/18 Python
django使用多个数据库的方法实例
2021/03/04 Python
关于html字符串正则判断和匹配的具体使用
2019/12/12 HTML / CSS
List、Map、Set三个接口,存取元素时,各有什么特点?
2015/09/27 面试题
学前教育教师求职自荐信
2013/09/22 职场文书
建筑总经理岗位职责
2014/02/02 职场文书
英语教学随笔感言
2014/02/20 职场文书
企业员工培训感言
2014/02/26 职场文书
交通运输局四风问题对照检查材料思想汇报
2014/10/09 职场文书
2014年学校财务工作总结
2014/12/06 职场文书
街道社区活动报告
2015/02/05 职场文书
签约仪式致辞
2015/07/30 职场文书
跟班学习心得体会(共6篇)
2016/01/23 职场文书