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 相关文章推荐
Firebug 字幕文件JSON地址获取代码
Oct 28 Javascript
js实现九宫格图片半透明渐显特效的方法
Feb 16 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
Apr 22 Javascript
Jquery解析json字符串及json数组的方法
May 29 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
JavaScript对象数组排序实例方法浅析
Jun 15 Javascript
Web打印解决方案之普通报表打印功能
Aug 29 Javascript
基于pako.js实现gzip的压缩和解压功能示例
Jun 13 Javascript
vue-cli3.0 脚手架搭建项目的过程详解
Oct 19 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
Jun 04 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 Javascript
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 15 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
全国中波电台频率表
2020/03/11 无线电
php unset全局变量运用问题的深入解析
2013/06/17 PHP
PHP数组遍历知识汇总(包含遍历方法、数组指针操作函数、数组遍历测速)
2014/07/05 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
Laravel框架下的Contracts契约详解
2020/03/17 PHP
理解Javascript_05_原型继承原理
2010/10/13 Javascript
JavaScript高级程序设计 错误处理与调试学习笔记
2011/09/10 Javascript
JS实现随机数生成算法示例代码
2013/08/08 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
我的NodeJs学习小结(一)
2014/07/06 NodeJs
JavaScript极简入门教程(三):数组
2014/10/25 Javascript
js绘制圆形和矩形的方法
2015/08/05 Javascript
初探JavaScript 面向对象(推荐)
2017/09/03 Javascript
如何重置vue打印变量的显示方式
2017/12/06 Javascript
微信小程序如何调用json数据接口并解析
2019/06/29 Javascript
js实现简单进度条效果
2020/03/25 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
2020/08/31 Javascript
python通过pil为png图片填充上背景颜色的方法
2015/03/17 Python
利用python求相邻数的方法示例
2017/08/18 Python
Django的分页器实例(paginator)
2017/12/01 Python
使用python实现kNN分类算法
2019/10/16 Python
python Qt5实现窗体跟踪鼠标移动
2019/12/13 Python
Python日志器使用方法及原理解析
2020/09/27 Python
解决python3.6用cx_Oracle库连接Oracle的问题
2020/12/07 Python
美国汽车性能部件和赛车零件网站:Vivid Racing
2018/03/27 全球购物
酒店拾金不昧表扬信
2014/01/18 职场文书
学子宴答谢词
2014/01/25 职场文书
邀请函格式范文
2015/02/02 职场文书
小学公民道德宣传日活动总结
2015/03/23 职场文书
捐款通知怎么写
2015/04/24 职场文书
2015迎新晚会开场白
2015/05/29 职场文书
疾病证明书
2015/06/19 职场文书
爱护环境建议书
2015/09/14 职场文书
java实现对Hadoop的操作
2021/07/01 Java/Android
java解析XML详解
2021/07/09 Java/Android