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 相关文章推荐
ExtJS Window 最小化的一种方法
Nov 18 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
使用node.js 制作网站前台后台
Nov 13 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
JS操作XML实例总结(加载与解析XML文件、字符串)
Dec 08 Javascript
JS动态添加选项案例分析
Oct 17 Javascript
js获取指定字符前/后的字符串简单实例
Oct 27 Javascript
BootStrap注意事项小结(五)表单
Mar 10 Javascript
详解自定义ajax支持跨域组件封装
Feb 08 Javascript
vue2.0 如何在hash模式下实现微信分享
Jan 22 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
Sep 25 Javascript
vue项目开启Gzip压缩和性能优化操作
Oct 26 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面向对象全攻略 (十四) php5接口技术
2009/09/30 PHP
php Smarty date_format [格式化时间日期]
2010/03/15 PHP
PHP学习笔记之三 数据库基本操作
2011/01/17 PHP
浅谈PHP与C#的值类型指向区别的详解
2013/05/21 PHP
php中{}大括号是什么意思
2013/12/01 PHP
php简单防盗链实现方法
2015/07/29 PHP
初学Javascript的一些总结
2008/11/03 Javascript
JAVASCRIPT  THIS详解 面向对象
2009/03/25 Javascript
JavaScript 常用函数
2009/12/30 Javascript
jquery关于图形报表的运用实现代码
2011/01/06 Javascript
setInterval与clearInterval的使用示例代码
2014/01/28 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
2014/03/03 Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
2016/01/21 Javascript
利用JQuery直接调用asp.net后台的简单方法
2016/10/27 Javascript
js实现滑动到页面底部自动加载更多功能
2017/02/15 Javascript
JavaScript 完成注册页面表单校验的实例
2017/08/19 Javascript
简单的Vue异步组件实例Demo
2017/12/27 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
Vue实现6位数密码效果
2018/08/18 Javascript
vue项目前端知识点整理【收藏】
2019/05/13 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
2020/06/08 Javascript
Python中IPYTHON入门实例
2015/05/11 Python
Python探索之爬取电商售卖信息代码示例
2017/10/27 Python
jupyter notebook中新建cell的方法与快捷键操作
2020/04/22 Python
CSS3 @font-face属性使用指南
2014/12/12 HTML / CSS
css3翻牌翻数字的示例代码
2020/02/07 HTML / CSS
健身场所或家用健身设备:Life Fitness
2017/11/01 全球购物
递归实现回文判断(如:abcdedbca就是回文,判断一个面试者对递归理解的简单程序)
2013/04/28 面试题
简述进程的启动、终止的方式以及如何进行进程的查看
2014/02/20 面试题
手机促销活动方案
2014/02/05 职场文书
开发房地产协议书
2014/09/14 职场文书
公司合作协议范文
2014/10/01 职场文书
业务员管理制度范本
2015/08/06 职场文书
自己搭建resnet18网络并加载torchvision自带权重的操作
2021/05/13 Python
如何使用注解方式实现 Redis 分布式锁
2022/07/23 Redis