JavaScript 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中的italics()方法的使用
这种方法会导致一个字符串是斜体,就好像它是在<i>标签 语法 string.italics( ) 下面是参数的详细信息: NA 返回值: 返回字符串带有<i>标签 例子: <html> <head> <title>JavaScript String italics() Method</title> </head> <body> <script type="text/javascript"
-
JavaScript 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 提示:该方法不符合 EC
-
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
JavaScript charCodeAt 方法 charCodeAt 方法用于从字符串中取得指定位置字符的 Unicode 编码.其语法如下: 复制代码 代码如下: str_object.charCodeAt( x ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) x 必需.表示位置的数字 提示:字符串是从 0 开始计数的. charCodeAt 方法实例 复制代码 代码如下: <script language="JavaScript"> docu
-
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
JavaScript indexOf 方法 indexOf 方法用于计算某个指定的字符串在字符串中首次出现的位置,并返回该数值.其语法如下: 复制代码 代码如下: str_object.indexOf( search, start ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) search 必需.要检索的字符串 start 可选.指定开始检索的位置,如省略该参数,则将从字符串的首字符开始检索 提示:字符串是从 0 开始计数的. indexOf 方法实例 复制代码 代码
-
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
JavaScript lastIndexOf 方法 lastIndexOf 方法用于计算指定的字符串在整个字符串中最后一次出现的位置,并返回该数值.其语法如下: 复制代码 代码如下: str_object.lastIndexOf( search, start ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) search 必需.要检索的字符串 start 可选.指定开始检索的位置,如省略该参数,则将从字符串的最后一个字符开始检索 提示:字符串是从 0 开始计数的. las
-
JavaScript bold方法入门实例(把指定文字显示为粗体)
JavaScript bold 方法 lastIndexOf 方法返回使用 HTML b 标签定义的粗体字符串.其语法如下: 复制代码 代码如下: str_object.bold() 提示:该方法不符合 ECMA 标准,不建议使用. bold 方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "www.jb51.net"; document.write(str.bold()); </s
-
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
JavaScript fontcolor 方法 fontcolor 方法返回使用 HTML font 标签中 color 属性定义的带有颜色的字符串.其语法如下: 复制代码 代码如下: str_object.fontcolor( color ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) color 必需.颜色名(red).RGB 值(rgb(255,0,0))或者十六进制数(#FF0000) 提示:该方法不符合 ECMA 标准,不建议使用. fontcolor 方法实
-
JavaScript sup方法入门实例(把字符串显示为上标)
sup 方法返回使用 HTML sup 标签属性定义的上标字符串.其语法如下: 复制代码 代码如下: str_object.sup() 提示:该方法不符合 ECMA 标准,不建议使用. sup 方法实例: 复制代码 代码如下: <script language="JavaScript"> document.write( '我们' + '每一点进步,都是我们通往成功道路上的坚实脚印'.sup() ); </script> 运行该例子,输出: 复制代码 代码如下:
-
JavaScript strike方法入门实例(给字符串加上删除线)
JavaScript strike 方法 strike 方法返回使用 HTML strike 标签属性定义的删除线样式的字符串.其语法如下: 复制代码 代码如下: str_object.strike() 提示:该方法不符合 ECMA 标准,不建议使用. strike 方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "www.jb51.net"; document.write( str.st
-
JavaScript italics方法入门实例(把字符串显示为斜体)
JavaScript italics 方法 italics 方法返回使用 HTML i 标签属性定义的(斜体)字符串.其语法如下: 复制代码 代码如下: str_object.italics() 提示:该方法不符合 ECMA 标准,不建议使用. italics 方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "www.jb51.net"; document.write( str.itali
-
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
JavaScript fromCharCode 方法 fromCharCode 方法用于把一个或多个 Unicode 值转换为(大写)字符串,并返回该字符串.其语法如下: 复制代码 代码如下: String.fromCharCode( num1, num2, ... ) 参数说明: 参数 说明 num1/num2 必需.Unicode 编码值 提示:该方法是 String 的静态方法,它的语法应该是 String.fromCharCode(),而不适用于您自己创建的 String 对象. fro
随机推荐
- ASP.NET登录注册页面实现
- PostgreSQL教程(十一):服务器配置
- 妙用脚本和批处理清除电脑中的痕迹
- Java 将文件转为字节数组知识总结及实例详解
- js倒计时代码
- JavaScript第一篇之实现按钮全选、功能
- js创建对象几种方式的优缺点对比
- JQuery实现Repeater无刷新批量删除(附后台asp.net源码)
- ThinkPHP之A方法实例讲解
- 详解jdbc实现对CLOB和BLOB数据类型的操作
- 使用apply方法处理数组的三个技巧[译]
- Nodejs中自定义事件实例
- php中使用addslashes函数报错问题的解决方法
- jQuery ajax调用WCF服务实例
- javascript的变量、传值、传址、参数之间关系
- jquery实现树形菜单完整代码
- 让浏览器非阻塞加载javascript的几种方法小结
- 一个用于mysql的数据库抽象层函数库
- win10下mysql5.7.21安装详细过程
- 封装微信小程序http拦截器过程解析