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 相关文章推荐
基于node.js的快速开发透明代理
Dec 25 Javascript
JavaScript解析json格式数据简单示例
Dec 09 Javascript
JS是按值传递还是按引用传递
Jan 30 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
Oct 16 Javascript
JavaScript操作select元素和option的实例代码
Jan 29 Javascript
微信小程序 wx.request(object) API详解及实例代码
Sep 30 Javascript
jquery  实现轮播图详解及实例代码
Oct 12 Javascript
原生JS实现几个常用DOM操作API实例
Jan 19 Javascript
jQuery操作DOM_动力节点Java学院整理
Jul 04 jQuery
Vue 禁用浏览器的前进后退操作
Sep 04 Javascript
微信小程序实现页面左右滑动
Nov 16 Javascript
uniapp开发小程序的经验总结
Apr 08 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下使用以下代码连接并测试
2008/04/09 PHP
PHP url 加密解密函数代码
2011/08/26 PHP
PHP输出XML到页面的3种方法详解
2013/06/06 PHP
Yii调试SQL的常用方法
2014/07/09 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
php for 循环使用的简单实例
2016/06/02 PHP
php微信公众平台交互与接口详解
2016/11/28 PHP
PHP面向对象类型约束用法分析
2019/06/12 PHP
js随机颜色代码的多种实现方式
2013/04/23 Javascript
js中reverse函数的用法详解
2013/12/26 Javascript
Javascript之面向对象--封装
2016/12/02 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
2017/03/04 Javascript
nodejs实现一个word文档解析器思路详解
2018/08/14 NodeJs
JointJS流程图的绘制方法
2018/12/03 Javascript
解决echarts数据二次渲染不成功的问题
2020/07/20 Javascript
[02:27]《DAC最前线》之附加赛征程
2015/01/29 DOTA
python使用BeautifulSoup分析网页信息的方法
2015/04/04 Python
Python实现七彩蟒蛇绘制实例代码
2018/01/16 Python
matplotlib.pyplot画图 图片的二进制流的获取方法
2018/05/24 Python
解决python报错MemoryError的问题
2018/06/26 Python
Python之循环结构
2019/01/15 Python
Python2与Python3的区别实例分析
2019/04/11 Python
在交互式环境中执行Python程序过程详解
2019/07/12 Python
CSS3中的注音对齐属性ruby-align用法指南
2016/07/01 HTML / CSS
德国网上宠物店:Zoobio
2018/05/23 全球购物
联想马亚西亚官方网站:Lenovo Malaysia
2018/09/19 全球购物
计算机科学与技术应届生求职信
2013/11/07 职场文书
优秀信贷员先进事迹
2014/01/31 职场文书
法人身份证明书
2014/10/08 职场文书
个人学习党的群众路线教育实践活动心得体会
2014/11/05 职场文书
听证通知书
2015/04/24 职场文书
业务员管理制度范本
2015/08/06 职场文书
2019年市场部个人述职报告(三篇)
2019/10/23 职场文书
mysql5.7使用binlog 恢复数据的方法
2021/06/03 MySQL