JavaScript fontsize方法入门实例（按照指定的尺寸来显示字符串）
更新时间：2014年10月17日 11:26:10 投稿：junjie
这篇文章主要介绍了JavaScript fontsize方法入门实例,fontsize方法用于按照指定的尺寸来显示字符串,需要的朋友可以参考下
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 = "www.jb51.net";
document.write( str.fontsize( 7 ) );
</script>
运行该例子，输出：
复制代码 代码如下:
www.jb51.net
提示：该方法返回使用 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操作DOM对象的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-02-02
本文主要介绍javascript中的Number对象的用法，讲解的很详细，希望能给大家做一个参考。2016-06-06
Javascript中的数学函数集合...2007-05-05
我们在js中可能经常会用到for in来遍历对象中的属性，当然for in中得到的属性，只能是可枚举的属性，for in的时候，它会把对象的属性(包括原型的属性)遍历一遍，看面看示例就明白了2014-03-03
javascript下自带的三个弹出对话框效果，需要的朋友可以参考下。下面对各个函数的说明也有使用用途，2010-08-08
JavaScript字符串对象的concat方法实例（用于连接两个或多个字符串）
这篇文章主要介绍了JavaScript字符串对象的concat方法实例,这个方法用于连接两个或多个字符串,平时用+号比较多,所以这个方法可能不太常用,需要的朋友可以参考下2014-10-10
JavaScript是一种语法灵活，简单易懂的脚本语言。正因为灵活，因此很多人在编写代码时，显得很随意，这就导致后期的修改、扩展和维护变得异常困难。遵循统一的编码规范，不仅对C++和Java这种编译型语言很重要，对JavaScript脚本语言也同样如此2012-05-05
这篇文章主要介绍了js call方法使用方法，有需要的朋友可以参考一下2013-11-11
假如您需要运行代码多次，且每次使用不同的值，那么循环（loop）相当方便使用。本篇文章通过几个实例来带你掌握循环的用法2021-11-11
这篇文章主要介绍了JavaScript预解析之变量预解析和函数预解析的相关资料,需要的朋友可以参考下2022-07-07
最新评论