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 使用手册(三)
Sep 23 Javascript
javascript 操作Word和Excel的实现代码
Oct 26 Javascript
基于JQuery的asp.net树实现代码
Nov 30 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
微信小程序实现移动端滑动分页效果(ajax)
Jun 13 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
Jan 25 Javascript
vue2 前端搜索实现示例
Feb 26 Javascript
vue获取当前点击的元素并传值的实例
Mar 09 Javascript
vue实现微信分享链接添加动态参数的方法
Apr 29 Javascript
js中arguments对象的深入理解
May 14 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颜色转换函数hex-rgb(将十六进制格式转成十进制格式)
2013/09/23 PHP
学习php设计模式 php实现桥梁模式(bridge)
2015/12/07 PHP
PHP-FPM运行状态的实时查看及监控详解
2016/11/18 PHP
详解PHP用substr函数截取字符串中的某部分
2016/12/03 PHP
对laravel的session获取与存取方法详解
2019/10/08 PHP
jquery 学习笔记 传智博客佟老师附详细注释
2020/09/12 Javascript
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
Chosen 基于jquery的选择框插件使用方法
2012/05/30 Javascript
使用VS开发 Node.js指南
2015/01/06 Javascript
纯CSS3代码实现滑动开关效果
2015/08/19 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
2016/03/07 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
2016/10/14 Javascript
js学使用setTimeout实现轮循动画
2017/07/17 Javascript
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
从源码看angular/material2 中 dialog模块的实现方法
2017/10/18 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
2019/07/24 Javascript
electron 安装,调试,打包的具体使用
2019/11/06 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
2020/09/21 Javascript
详解在Python中处理异常的教程
2015/05/24 Python
Python守护进程用法实例分析
2015/06/04 Python
fastcgi文件读取漏洞之python扫描脚本
2017/04/23 Python
python中reduce()函数的使用方法示例
2017/09/29 Python
python实现狄克斯特拉算法
2019/01/17 Python
python中struct模块之字节型数据的处理方法
2019/08/27 Python
python多线程分块读取文件
2019/08/29 Python
解决flask接口返回的内容中文乱码的问题
2020/04/03 Python
python神经网络编程实现手写数字识别
2020/05/27 Python
MaBelle玛贝尔香港官网:香港钻饰连锁店
2019/09/09 全球购物
体育专业个人求职信范文
2013/12/27 职场文书
医药专业应届毕业生求职信范文
2014/01/01 职场文书
乡镇机关党员民主评议表自我评价
2014/09/21 职场文书
个人对照检查材料思想汇报
2014/09/26 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
学习委员竞选稿
2015/11/20 职场文书
MySQL 开窗函数
2022/02/15 MySQL