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 相关文章推荐
JS控制表格隔行变色
Jun 26 Javascript
jQuery验证元素是否为空的两种常用方法
Mar 17 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
Jun 14 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
Jun 22 Javascript
JavaScript 数据类型详解
Mar 13 Javascript
详解vue-router基本使用
Apr 18 Javascript
vue2 中如何实现动态表单增删改查实例
Jun 09 Javascript
vue中倒计时组件的实例代码
Jul 06 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
Jun 04 Javascript
微信小程序基础教程之worker线程的使用方法
Jul 15 Javascript
js+canvas实现画板功能
Sep 13 Javascript
JS实现简易图片自动轮播
Oct 16 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
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
php页码形式分页函数支持静态化地址及ajax分页
2014/03/28 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
PHP使用PHPExcel实现批量上传到数据库的方法
2017/06/08 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
获取阴历(农历)和当前日期的js代码
2016/02/15 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
2016/05/31 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
2017/06/06 Javascript
Node.js如何对SQLite的async/await封装详解
2019/02/14 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
VUE写一个简单的表格实例
2019/08/06 Javascript
vue 实现v-for循环回来的数据动态绑定id
2019/11/07 Javascript
Node.js文本文件BOM头的去除方法
2020/11/22 Javascript
python基础教程之udp端口扫描
2014/02/10 Python
Python基于sftp及rsa密匙实现远程拷贝文件的方法
2016/09/21 Python
Django框架首页和登录页分离操作示例
2019/05/28 Python
Python-Seaborn热图绘制的实现方法
2019/07/15 Python
如何在Python 游戏中模拟引力
2020/03/27 Python
django model通过字典更新数据实例
2020/04/01 Python
python 监控logcat关键字功能
2020/09/04 Python
CSS3系列教程:背景图片(背景大小和多背景图) 应用说明
2012/12/19 HTML / CSS
维也纳通行证:Vienna PASS
2019/07/18 全球购物
C#中的验证控件有几种
2014/03/08 面试题
个人自荐信
2013/12/05 职场文书
大学生职业规划范文:象牙塔生活的四年计划
2014/01/14 职场文书
房地产营销策划方案
2014/02/08 职场文书
施工协议书范本
2014/04/22 职场文书
售后服务承诺书模板
2014/05/21 职场文书
领导干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
领导干部作风建设工作总结
2014/10/23 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书
幼儿园大班开学寄语(2016秋季)
2015/12/03 职场文书
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python
mysql 体系结构和存储引擎介绍
2022/05/06 MySQL