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 Zifa FormValid 0.1表单验证 代码打包下载
Jun 08 Javascript
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 Javascript
JavaScript数值转换的三种方式总结
Jul 31 Javascript
通过实例理解javascript中没有函数重载的概念
Jun 03 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
May 09 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
Aug 04 Javascript
AngularJs基于角色的前端访问控制的实现
Nov 07 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
使用JavaScript进行表单校验功能
Aug 01 Javascript
Node.js学习之查询字符串解析querystring详解
Sep 28 Javascript
简单说说如何使用vue-router插件的方法
Apr 08 Javascript
Vue的路由及路由钩子函数的实现
Jul 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 debug 安装技巧
2011/04/30 PHP
Youku 视频绝对地址获取的方法详解
2013/06/26 PHP
使用配置类定义Codeigniter全局变量
2014/06/12 PHP
Yii2前后台分离及migrate使用(七)
2016/05/04 PHP
[原创]图片分页查看
2006/08/28 Javascript
超酷的网页音乐播放器DewPlayer使用方法
2010/12/18 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
js模拟点击以提交表单为例兼容主流浏览器
2013/11/29 Javascript
JS简单实现禁止访问某个页面的方法
2016/09/13 Javascript
简单谈谈ES6的六个小特性
2016/11/18 Javascript
微信小程序 欢迎界面开发的实例详解
2016/11/30 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
浅谈Node 异步IO和事件循环
2019/05/05 Javascript
vue实现节点增删改功能
2019/09/26 Javascript
实例分析javascript中的异步
2020/06/02 Javascript
js实现星星打分效果
2020/07/05 Javascript
vue离开当前页面触发的函数代码
2020/09/01 Javascript
layui使用及简单的三级联动实现教程
2020/12/01 Javascript
[51:29]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第一场 11.05
2020/11/05 DOTA
Python实现统计文本文件字数的方法
2017/05/05 Python
在python中做正态性检验示例
2019/12/09 Python
Python多重继承之菱形继承的实例详解
2020/02/12 Python
python+excel接口自动化获取token并作为请求参数进行传参操作
2020/11/10 Python
Python爬虫实战案例之爬取喜马拉雅音频数据详解
2020/12/07 Python
CSS3中的弹性布局em运用入门详解 1em等于多少像素
2021/02/08 HTML / CSS
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
Linux开机引导的步骤是什么
2014/02/26 面试题
政府信息公开实施方案
2014/05/09 职场文书
大气污染防治方案
2014/05/19 职场文书
小区门卫岗位职责范本
2014/08/24 职场文书
党的群众路线对照检查材料(个人)
2014/09/24 职场文书
群众路线自我剖析材料
2014/10/08 职场文书
新员工试用期自我评价
2015/03/10 职场文书
婚礼伴郎致辞
2015/07/28 职场文书
vue使用v-model进行跨组件绑定的基本实现方法
2021/04/28 Vue.js