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 相关文章推荐
javascript 防止刷新,后退,关闭
Aug 07 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
Jan 15 Javascript
用C/C++来实现 Node.js 的模块(一)
Sep 24 Javascript
AngularJS语法详解
Jan 23 Javascript
浅谈JavaScript数据类型及转换
Feb 28 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
May 21 Javascript
VueJs与ReactJS和AngularJS的异同点
Dec 12 Javascript
js仿微博动态栏功能
Feb 22 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
May 20 Javascript
vue小白入门教程
Apr 02 Javascript
Element-UI踩坑之Pagination组件的使用
Oct 29 Javascript
通过JS判断网页是否为手机打开
Oct 28 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调用wsdl文件类型的接口代码分享
2014/11/19 PHP
php 在线导入mysql大数据程序
2015/06/11 PHP
thinkphp利用模型通用数据编辑添加和删除的实例代码
2016/11/20 PHP
YII框架模块化处理操作示例
2019/04/26 PHP
PHP常用header头定义代码示例汇总
2020/08/29 PHP
jquery.cvtooltip.js 基于jquery的气泡提示插件
2010/11/19 Javascript
JS写的贪吃蛇游戏(个人练习)
2013/07/08 Javascript
js综合应用实例简单的表格统计
2013/09/03 Javascript
node.js不得不说的12点内容
2014/07/14 Javascript
JQuery CheckBox(复选框)操作方法汇总
2015/04/15 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
2015/06/14 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
2015/08/10 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
详解nodejs爬虫程序解决gbk等中文编码问题
2017/04/06 NodeJs
详解vue-cli官方脚手架配置
2018/07/20 Javascript
JavaScript中var的重要性实例分析
2019/07/09 Javascript
layui时间控件选择时间范围的实现方法
2019/09/28 Javascript
Python获取任意xml节点值的方法
2015/05/05 Python
Python使用ntplib库同步校准当地时间的方法
2016/07/02 Python
python编程实现归并排序
2017/04/14 Python
Python socket实现简单聊天室
2018/04/01 Python
Python正则表达式指南 推荐
2018/10/09 Python
python基础教程之while循环
2019/08/14 Python
Django通用类视图实现忘记密码重置密码功能示例
2019/12/17 Python
Macbook安装Python最新版本、GUI开发环境、图像处理、视频处理环境详解
2020/02/17 Python
pytorch cuda上tensor的定义 以及减少cpu的操作详解
2020/06/23 Python
网络书店创业计划书
2014/02/07 职场文书
有关爱国演讲稿
2014/05/07 职场文书
公司自我介绍演讲稿
2014/08/21 职场文书
乡镇务虚会发言材料
2014/10/20 职场文书
升学宴答谢词
2015/01/05 职场文书
南阳市白酒市场的调查报告
2019/11/08 职场文书
MySQL kill不掉线程的原因
2021/05/07 MySQL
python文本处理的方案(结巴分词并去除符号)
2021/05/26 Python
解决Python字典查找报Keyerror的问题
2021/05/26 Python
在ubuntu下安装go开发环境的全过程
2022/08/05 Golang