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 相关文章推荐
javascript字典探测用户名工具
Oct 05 Javascript
javascript读取RSS数据
Jan 20 Javascript
dojo随手记 gird组件引用
Feb 24 Javascript
JS 去前后空格大全(IE9亲测)
Jul 15 Javascript
JS中for循序中延迟加载动态效果的具体实现
Aug 18 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
Bootstrap每天必学之表单
Nov 23 Javascript
详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
Feb 17 Javascript
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
Vue实现浏览器打印功能的代码
Apr 17 Javascript
JS简易计算器实例讲解
Jun 30 Javascript
vue绑定class的三种方法
Dec 24 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函数,php爱好者站推荐
2007/03/19 PHP
php中单个数据库字段多列显示(单字段分页、横向输出)
2014/07/28 PHP
php筛选不存在的图片资源
2015/04/28 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
PHP中危险的file_put_contents函数详解
2017/11/04 PHP
jQuery学习笔记 操作jQuery对象 文档处理
2012/09/19 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
2014/03/07 Javascript
jquery学习总结(超级详细)
2014/09/04 Javascript
node.js中的fs.open方法使用说明
2014/12/17 Javascript
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
Angular2进阶之如何避免Dom误区
2018/04/02 Javascript
vue展示dicom文件医疗系统的实现代码
2018/08/27 Javascript
如何解决.vue文件url引用文件的问题
2019/01/18 Javascript
jQuery zTree树插件的使用教程
2019/08/16 jQuery
微信小程序实现首页弹出广告
2020/12/03 Javascript
[00:32]2018DOTA2亚洲邀请赛Mineski出场
2018/04/04 DOTA
Python Socket使用实例
2017/12/18 Python
tensorflow识别自己手写数字
2018/03/14 Python
pyqt5的QComboBox 使用模板的具体方法
2018/09/06 Python
python 搜索大文件的实例代码
2019/07/08 Python
python匿名函数用法实例分析
2019/08/03 Python
Pandas DataFrame中的tuple元素遍历的实现
2019/10/23 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
python小项目之五子棋游戏
2019/12/26 Python
Python日期格式和字符串格式相互转换的方法
2020/02/18 Python
Python 的 f-string 可以连接字符串与数字的原因解析
2021/02/20 Python
口腔医学技术应届生求职信
2013/11/09 职场文书
公司离职证明范本(汇总)
2014/09/10 职场文书
2014年行风建设工作总结
2014/12/01 职场文书
幼儿教师辞职信范文
2015/03/02 职场文书
工地食品安全责任书
2015/05/09 职场文书
Python-OpenCV教程之图像的位运算详解
2021/06/21 Python
Python一些基本的图像操作和处理总结
2021/06/23 Python
我的收音机情缘
2022/04/05 无线电
python中filter,map,reduce的作用
2022/06/10 Python