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 相关文章推荐
改进:论坛UBB代码自动插入方式
Dec 22 Javascript
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
Jul 29 Javascript
js日期、星座的级联显示代码
Jan 23 Javascript
jQuery实现图片左右滚动特效
Apr 20 Javascript
JS截取与分割字符串常用技巧总结
Nov 10 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
Jun 12 Javascript
表单中单选框添加选项和移除选项
Jul 04 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
Mar 15 Javascript
vue基于Vue2.0和高德地图的地图组件实例
Apr 28 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 Javascript
react的滑动图片验证码组件的示例代码
Feb 27 Javascript
基于vue实现图片验证码倒计时60s功能
Dec 10 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
解析关于wamp启动是80端口被占用的问题
2013/06/21 PHP
php二维数组排序详解
2013/11/06 PHP
win平台安装配置Nginx+php+mysql 环境
2016/01/12 PHP
PHP+JS实现的商品秒杀倒计时用法示例
2016/11/15 PHP
PHP tp5中使用原生sql查询代码实例
2020/10/28 PHP
基于jquery的checkbox下拉框插件代码
2010/06/25 Javascript
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
js隐藏与显示回到顶部按钮及window.onscroll事件应用
2013/01/25 Javascript
IE6已终止操作问题的2种情况及解决
2014/04/23 Javascript
jQuery固定元素插件scrolltofixed使用指南
2015/04/21 Javascript
javascript常用的方法分享
2015/07/01 Javascript
JavaScript实现同时调用多个函数的方法
2015/11/09 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
2016/05/12 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
jQuery实现查看图片功能
2020/12/01 jQuery
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
python比较两个列表大小的方法
2015/07/11 Python
Python中eval带来的潜在风险代码分析
2017/12/11 Python
Python多进程并发与多线程并发编程实例总结
2018/02/08 Python
pyqt5 lineEdit设置密码隐藏,删除lineEdit已输入的内容等属性方法
2019/06/24 Python
python脚本开机自启的实现方法
2019/06/28 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
Python 解码Base64 得到码流格式文本实例
2020/01/09 Python
python3.7添加dlib模块的方法
2020/07/01 Python
一款基于css3的列表toggle特效实例教程
2015/01/04 HTML / CSS
简单的HTML5初步入门教程
2015/09/29 HTML / CSS
AmazeUI框架搭建的方法步骤(图文)
2020/08/17 HTML / CSS
小米官方旗舰店:Xiaomi
2020/08/07 全球购物
五分钟演讲稿
2014/04/30 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
2014年党务工作总结
2014/11/25 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
海底两万里读书笔记
2015/06/26 职场文书
关于销售人员的年终工作总结要点
2019/08/15 职场文书
解决Mysql多行子查询的使用及空值问题
2022/01/22 MySQL