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 相关文章推荐
jQuery对象与DOM对象之间的转换方法
Apr 15 Javascript
javascript object array方法使用详解
Dec 03 Javascript
浅析document.createDocumentFragment()与js效率
Jul 08 Javascript
js获取光标位置和设置文本框光标位置示例代码
Jan 09 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
Mar 23 Javascript
AngularJS基础 ng-srcset 指令简单示例
Aug 03 Javascript
AngularJs Forms详解及简单示例
Sep 01 Javascript
Bootstrap CSS组件之输入框组
Dec 17 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
详解Node.js中exports和module.exports的区别
Apr 19 Javascript
React生命周期原理与用法踩坑笔记
Apr 28 Javascript
JS 数组和对象的深拷贝操作示例
Jun 06 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
9个比较实用的php代码片段
2016/03/15 PHP
PHP多维数组排序array详解
2017/11/21 PHP
PHP简单实现二维数组的矩阵转置操作示例
2017/11/24 PHP
php empty 函数判断结果为空但实际值却为非空的原因解析
2018/05/28 PHP
共享自己写一个框架DreamScript
2007/01/20 Javascript
jquery选择器(常用选择器说明)
2010/09/28 Javascript
基于jQuery的history历史记录插件
2010/12/11 Javascript
js 中{},[]中括号,大括号使用详解
2011/05/12 Javascript
jquery 操作DOM的基本用法分享
2012/04/05 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
JavaScript中判断函数、变量是否存在
2015/06/10 Javascript
jQuery中(function($){})(jQuery)详解
2015/07/15 Javascript
JS集成fckeditor及判断内容是否为空的方法
2016/05/27 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
将json转换成struts参数的方法
2016/11/08 Javascript
js实现微博发布小功能
2017/01/12 Javascript
JS开发中百度地图+城市联动实现实时触发查询地址功能
2017/04/13 Javascript
关于javascript sort()排序你可能忽略的一点理解
2017/07/18 Javascript
使用express+multer实现node中的图片上传功能
2018/02/02 Javascript
在vue中安装使用vux的教程详解
2018/09/16 Javascript
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
js+canvas实现画板功能
2020/09/13 Javascript
javascript中导出与导入实现模块化管理教程
2020/12/03 Javascript
Pyqt5如何让QMessageBox按钮显示中文示例代码
2019/04/11 Python
浅谈keras中的batch_dot,dot方法和TensorFlow的matmul
2020/06/18 Python
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
迪士尼西班牙官方网上商店:ShopDisney西班牙
2020/02/02 全球购物
求职简历的自我评价怎样写好
2013/10/07 职场文书
涉及车辆房产分割的离婚协议书范文
2014/10/12 职场文书
个人借款协议书范本
2014/11/17 职场文书
介绍信样本
2015/01/31 职场文书
投诉信范文
2015/07/02 职场文书
Python一行代码实现自动发邮件功能
2021/05/30 Python
什么是Python装饰器?如何定义和使用?
2022/04/11 Python
Python各协议下socket黏包问题原理
2022/04/12 Python
LeetCode189轮转数组python示例
2022/08/05 Python