JavaScript sub方法入门实例(把字符串显示为下标)


Posted in Javascript onOctober 17, 2014

JavaScript sub 方法

sub 方法返回使用 HTML sub 标签属性定义的下标字符串。其语法如下:

str_object.sub()

提示:该方法不符合 ECMA 标准,不建议使用。

sub 方法实例

<script language="JavaScript">

document.write( '三水点靠木' + '每一点进步,都是我们通往成功道路上的坚实脚印'.sub() );

</script>

运行该例子,输出:

三水点靠木每一点进步,都是我们通往成功道路上的坚实脚印

提示:该方法返回使用 HTML sub 标签定义的下标字符串,即使用该方法并不能直接将字符串变更为下标样式。如果想动态改变元素字体为下标样式,可参考下面的实例:

改变字体文本上下对齐方式(上标/下标)

<html>

<script language="JavaScript">

function changFont( x ){

    document.getElementById("sub_title").style.verticalAlign = x;

}

</script>

<body>

<p>

<a onClick="changFont('sub');">下标样式</a> <a onClick="changFont('super');">上标样式</a>

</p>

<p>

三水点靠木<span id="sub_title">每一点进步,都是我们通往成功道路上的坚实脚印</span>

</p>

</body>

</html>

在该例子中,通过 JavaScript 控制文本 CSS vertical-align 样式的方式,来动态改变字体文本的上下对齐方式(上标/下标)。

Javascript 相关文章推荐
Jquery 插件开发笔记整理
Jan 17 Javascript
JavaScript将Table导出到Excel实现思路及代码
Mar 13 Javascript
判断一个变量是数组Array类型的方法
Sep 16 Javascript
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
May 27 Javascript
深入理解Javascript箭头函数中的this
Feb 13 Javascript
js实现tab切换效果
Feb 16 Javascript
jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】
Mar 09 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
Apr 28 Javascript
JS简单判断滚动条的滚动方向实现方法
Apr 28 Javascript
vue首次赋值不触发watch的解决方法
Sep 11 Javascript
从零开始实现Vue简单的Toast插件
Dec 03 Javascript
解决微信小程序调用moveToLocation失效问题【超简单】
Apr 12 Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
Oct 17 #Javascript
JavaScript link方法入门实例(给字符串加上超链接)
Oct 17 #Javascript
JavaScript italics方法入门实例(把字符串显示为斜体)
Oct 17 #Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
Oct 17 #Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
Oct 17 #Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
Oct 17 #Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
Oct 17 #Javascript
You might like
隐性调用php程序的方法
2009/03/09 PHP
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
PHP中PDO基础教程 入门级
2011/09/04 PHP
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
2011/12/25 PHP
thinkphp实现上一篇与下一篇的方法
2014/12/08 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
疯掉了,尽然有js写的操作系统
2007/04/23 Javascript
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
如何防止回车(enter)键提交表单
2014/05/11 Javascript
浅谈Vue的基本应用
2016/12/27 Javascript
vue-router 权限控制的示例代码
2017/09/21 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
JS添加或删除HTML dom元素的方法实例分析
2019/03/05 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
2019/07/05 Javascript
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
2020/04/30 Javascript
微信小程序实现购物车功能
2020/11/18 Javascript
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
[10:05]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD 选手采访
2021/03/11 DOTA
Python判断操作系统类型代码分享
2014/11/22 Python
python批量修改文件夹及其子文件夹下的文件内容
2019/03/15 Python
python函数局部变量、全局变量、递归知识点总结
2019/11/15 Python
Pyqt5 关于流式布局和滚动条的综合使用示例代码
2020/03/24 Python
摩顿布朗英国官方网上商店:奢华沐浴、身体和头发护理
2016/10/29 全球购物
五十岁生日宴会答谢词
2014/01/15 职场文书
考试没考好检讨书
2014/01/31 职场文书
中学生个人自我评价
2014/02/06 职场文书
软件毕业生个人鉴定
2014/03/03 职场文书
《祁黄羊》教学反思
2014/04/22 职场文书
企业标语口号
2014/06/10 职场文书
房屋租赁协议书(标准版)
2014/10/02 职场文书
2015年教师新年寄语
2014/12/08 职场文书
毕业实习计划书
2015/01/16 职场文书
销售合作意向书范本
2015/05/08 职场文书
2015年保险公司内勤工作总结
2015/05/23 职场文书
25句企业管理语录:助你迅速打开思路,句句经典!
2020/01/14 职场文书