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 相关文章推荐
div层的移动及性能优化
Nov 16 Javascript
本地对象Array的原型扩展实现代码
Dec 04 Javascript
基于Jquery制作的幻灯片图集效果打包下载
Feb 12 Javascript
js面向对象设计用{}好还是function(){}好(构造函数)
Oct 23 Javascript
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
Jan 08 Javascript
两个listbox实现选项的添加删除和搜索
Mar 01 Javascript
深入理解JSON数据源格式
Jan 10 Javascript
Bootstrap每天必学之标签与徽章
Nov 27 Javascript
JS获取月的第几周和年的第几周实例代码
Dec 05 Javascript
JS Web Flex弹性盒子模型代码实例
Mar 10 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
Jul 27 Javascript
关于JavaScript轮播图的实现
Nov 20 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
php获取指定日期之间的各个周和月的起止时间
2014/11/24 PHP
PHP批斗大会之缺失的异常详解
2019/07/09 PHP
flash 得到自身url参数的代码
2009/11/15 Javascript
jQuery html()等方法介绍
2009/11/18 Javascript
jQuery 1.4 15个你应该知道的新特性(译)
2010/01/24 Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
2020/04/04 Javascript
js中巧用cssText属性批量操作样式
2011/03/13 Javascript
面向对象Javascript核心支持代码分享
2012/05/23 Javascript
js+css实现增加表单可用性之提示文字
2013/06/03 Javascript
jquery实现input输入框实时输入触发事件代码
2014/01/28 Javascript
Js制作点击输入框时默认文字消失的效果
2015/09/05 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
AngularJS入门教程之表格实例详解
2016/07/27 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
详解node.js平台下Express的session与cookie模块包的配置
2017/04/26 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
2018/05/02 Javascript
浏览器事件循环与vue nextTicket的实现
2019/04/16 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
2019/04/25 Javascript
浅谈Express.js解析Post数据类型的正确姿势
2019/05/30 Javascript
微信小程序实现选项卡滑动切换
2020/10/22 Javascript
Python脚本实现自动发带图的微博
2016/04/27 Python
Python 数据结构之旋转链表
2017/02/25 Python
python获取命令行输入参数列表的实例代码
2018/06/23 Python
Python+pandas计算数据相关系数的实例
2018/07/03 Python
python集合比较(交集,并集,差集)方法详解
2018/09/13 Python
在Pytorch中使用样本权重(sample_weight)的正确方法
2019/08/17 Python
使用pygame写一个古诗词填空通关游戏
2019/12/03 Python
在Windows上安装和配置 Jupyter Lab 作为桌面级应用程序教程
2020/04/22 Python
Pycharm安装Qt Design快捷工具的详细教程
2020/11/18 Python
python爬虫中抓取指数的实例讲解
2020/12/01 Python
会计工作决心书
2014/03/11 职场文书
承诺书格式范文
2014/06/03 职场文书
银行保安拾金不昧表扬稿
2015/05/05 职场文书
小学三年级作文之写景
2019/11/05 职场文书
解析Redis Cluster原理
2021/06/21 Redis