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 相关文章推荐
极酷的javascirpt,让你随意编辑任何网页
Feb 25 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
jquery滚动到顶部底部代码
Apr 20 Javascript
浅谈jQuery构造函数分析
May 11 Javascript
对象转换为原始值的实现方法
Jun 06 Javascript
jquery实现界面无刷新加载登陆注册
Jul 30 Javascript
BootStrap 弹出层代码
Feb 09 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
vue仿淘宝滑动验证码功能(样式模仿)
Dec 10 Javascript
vue点击按钮动态创建与删除组件功能
Dec 29 Javascript
原生js+css调节音量滑块
Jan 15 Javascript
javascript实现倒计时提示框
Mar 02 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判断/计算闰年的方法小结【三种方法】
2019/07/06 PHP
YII2框架中查询生成器Query()的使用方法示例
2020/03/18 PHP
js 判断 enter 事件
2009/02/12 Javascript
Firefox outerHTML实现代码
2009/06/04 Javascript
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
2012/01/08 Javascript
浏览器窗口加载和大小改变事件示例
2014/02/27 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
2015/06/25 Javascript
JavaScript实现的简单烟花特效代码
2015/10/20 Javascript
Javascript实现的SHA-256加密算法完整实例
2016/02/02 Javascript
jQuery使用正则表达式限制文本框只能输入数字
2016/06/18 Javascript
JavaScript获取短信验证码(周期性)
2016/12/29 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
2017/01/09 Javascript
Vue.js学习示例分享
2017/02/05 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
node 利用进程通信实现Cluster共享内存
2017/10/27 Javascript
浅析Proxy可以优化vue的数据监听机制问题及实现思路
2018/11/29 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
2019/09/16 Javascript
浅谈JavaScript中你可能不知道URL构造函数的属性
2020/07/13 Javascript
利用ctypes提高Python的执行速度
2016/09/09 Python
Python基于socket模块实现UDP通信功能示例
2018/04/10 Python
更换Django默认的模板引擎为jinja2的实现方法
2018/05/28 Python
Python使用requests提交HTTP表单的方法
2018/12/26 Python
解决Django中调用keras的模型出现的问题
2019/08/07 Python
python 初始化一个定长的数组实例
2019/12/02 Python
在Sublime Editor中配置Python环境的详细教程
2020/05/03 Python
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
铭万公司.net面试题笔试题
2014/07/20 面试题
外企测试工程师面试题
2015/02/01 面试题
怎样写留学自荐信
2013/11/11 职场文书
商业企业管理专业求职信
2014/07/10 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
2016大一新生入学教育心得体会
2016/01/23 职场文书
mysql字符串截取函数小结
2021/04/05 MySQL
python 爬取豆瓣网页的示例
2021/04/13 Python
一篇文章带你复习java知识点
2021/06/28 Java/Android