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 相关文章推荐
一个用js实现的页内搜索代码
May 23 Javascript
js实现单行文本向上滚动效果实例代码
Nov 28 Javascript
详解JavaScript的回调函数
Nov 20 Javascript
JavaScript Math.round() 方法
Dec 18 Javascript
JavaScript DOM节点操作方法总结
Aug 23 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
Dec 02 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
Feb 14 Javascript
BootStrap fileinput.js文件上传组件实例代码
Feb 20 Javascript
Angular.js指令学习中一些重要属性的用法教程
May 24 Javascript
Node.js Stream ondata触发时机与顺序的探索
Mar 08 Javascript
Vue数据绑定实例写法
Aug 06 Javascript
react使用CSS实现react动画功能示例
May 18 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+MySQL实现无极限分类栏目的方法
2015/12/23 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
PHP排序算法之直接插入排序(Straight Insertion Sort)实例分析
2018/04/20 PHP
juqery 学习之五 文档处理 插入
2011/02/11 Javascript
js获取客户端外网ip的简单实例
2013/11/21 Javascript
详解Bootstrap四种图片样式
2016/01/04 Javascript
JavaScript实现99乘法表及隔行变色实例代码
2016/02/24 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
2016/05/17 Javascript
jQuery添加和删除输入文本框标签代码
2016/05/20 Javascript
javascript基于原型链的继承及call和apply函数用法分析
2016/12/15 Javascript
轻松理解Javascript变量的相关问题
2017/01/20 Javascript
js canvas实现QQ拨打电话特效
2017/05/10 Javascript
React如何避免重渲染
2018/04/10 Javascript
layui弹出层按钮提交iframe表单的方法
2018/08/20 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2019/09/02 Javascript
JS使用setInterval计时器实现挑战10秒
2020/11/08 Javascript
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python发送邮件接收邮件示例分享
2014/01/21 Python
Python的re模块正则表达式操作
2016/05/25 Python
Python实现求解括号匹配问题的方法
2018/04/17 Python
Python3导入CSV文件的实例(跟Python2有些许的不同)
2018/06/22 Python
python3去掉string中的标点符号方法
2019/01/22 Python
Python 使用多属性来进行排序
2019/09/01 Python
基于CSS3实现的漂亮Menu菜单效果代码
2015/09/10 HTML / CSS
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
土木工程专业个人求职信
2013/12/30 职场文书
党员大会主持词
2014/04/02 职场文书
阳光体育活动实施方案
2014/05/25 职场文书
个人年度总结报告
2015/03/09 职场文书
2015年感恩节演讲稿(优选篇)
2015/03/20 职场文书
实习单位推荐信
2015/03/27 职场文书
海上钢琴师的观后感
2015/06/11 职场文书
爸爸的三轮车观后感
2015/06/16 职场文书
Python 中数组和数字相乘时的注意事项说明
2021/05/10 Python