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 相关文章推荐
Ajax,UTF-8还是GB2312 eval 还是execScript
Nov 13 Javascript
js处理自己不能定义二维数组的方法详解
Mar 03 Javascript
浅谈javascript 函数内部属性
Jan 21 Javascript
JavaScript实现给按钮加上双重动作的方法
Aug 14 Javascript
js简单实现图片延迟加载的方法
Jul 19 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 Javascript
canvas实现图像放大镜
Feb 06 Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 Javascript
原生js实现日期计算器功能
Feb 17 Javascript
打造通用的匀速运动框架(实例讲解)
Oct 17 Javascript
详解vue中this.$emit()的返回值是什么
Apr 07 Javascript
5种 JavaScript 方式实现数组扁平化
Oct 05 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
Zend Framework动作助手(Zend_Controller_Action_Helper)用法详解
2016/03/05 PHP
浅谈PHP接入(第三方登录)QQ登录 OAuth2.0 过程中遇到的坑
2017/10/13 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
PHP数组基本用法与知识点总结
2020/06/02 PHP
js解析与序列化json数据(二)序列化探讨
2013/02/01 Javascript
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
javascript中的Base64、UTF8编码与解码详解
2015/03/18 Javascript
JavaScript 七大技巧(一)
2015/12/13 Javascript
JavaScript设计模式之单体模式全面解析
2016/09/09 Javascript
Bootstrap CSS组件之大屏幕展播
2016/12/17 Javascript
原生js封装运动框架的示例讲解
2017/10/01 Javascript
Angular4实现鼠标悬停3d倾斜效果
2017/10/25 Javascript
JS运动特效之链式运动分析
2018/01/24 Javascript
nodejs微信扫码支付功能实现
2018/02/17 NodeJs
Javascript 模拟mvc实现点餐程序案例详解
2020/12/24 Javascript
[01:01:13]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第三场
2018/04/06 DOTA
python执行get提交的方法
2015/04/29 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
Appium+python自动化之连接模拟器并启动淘宝APP(超详解)
2019/06/17 Python
django之对FileField字段的upload_to的设定方法
2019/07/28 Python
Python socket非阻塞模块应用示例
2019/09/12 Python
Python阶乘求和的代码详解
2020/02/14 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
Django如何实现防止XSS攻击
2020/10/13 Python
使用Python获取爱奇艺电视剧弹幕数据的示例代码
2021/01/12 Python
Book Depository澳大利亚:世界领先的专业在线书店之一
2018/12/27 全球购物
请说出几个常用的异常类
2013/01/08 面试题
技术总监个人的自我评价范文
2013/12/18 职场文书
英语专业学生个人求职信范文
2014/01/06 职场文书
程序员求职信
2014/04/16 职场文书
节约用水演讲稿
2014/05/21 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
实习计划书范文
2015/01/16 职场文书
党务工作者主要事迹材料
2015/11/03 职场文书