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对象的property和prototype是这样一种关系
Mar 24 Javascript
jQuery AjaxQueue改进步骤
Oct 06 Javascript
常用的JavaScript验证正则表达式汇总
Nov 26 Javascript
javascript引用赋值(地址传值)用法实例
Jan 13 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
May 03 Javascript
js友好的时间返回函数
Aug 24 Javascript
loading动画特效小结
Jan 22 Javascript
vue中配置mint-ui报css错误问题的解决方法
Oct 11 Javascript
微信小程序模板和模块化用法实例分析
Nov 28 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
Oct 23 Javascript
微信小程序日历组件使用方法详解
Dec 29 Javascript
vue+ts下对axios的封装实现
Feb 18 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+AJAX实现无刷新注册(带用户名实时检测)
2006/12/02 PHP
解析如何屏蔽php中的phpinfo()函数
2013/06/06 PHP
关于PHP的curl开启问题探讨
2014/04/08 PHP
php实现的二分查找算法示例
2017/06/20 PHP
关于JavaScript中string 的replace
2013/04/12 Javascript
js验证模型自我实现的具体方法
2013/06/21 Javascript
jquery 模板的应用示例
2013/11/12 Javascript
Jquery中children与find之间的区别详细解析
2013/11/29 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
2014/04/10 Javascript
用js传递value默认值的示例代码
2014/09/11 Javascript
AngularJS 实现按需异步加载实例代码
2015/10/18 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
2016/10/11 Javascript
js实现html table 行,列锁定的简单实例
2016/10/13 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
2016/12/30 Javascript
webpack独立打包和缓存处理详解
2017/04/03 Javascript
JavaScript箭头(arrow)函数详解
2017/06/04 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
2019/04/26 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
微信小程序实现定位及到指定位置导航的示例代码
2019/08/20 Javascript
微信小程序跳一跳游戏 python脚本跳一跳刷高分技巧
2018/01/04 Python
Python中GIL的使用详解
2018/10/03 Python
ubuntu 16.04下python版本切换的方法
2019/06/14 Python
Python3 tkinter 实现文件读取及保存功能
2019/09/12 Python
利用python中的matplotlib打印混淆矩阵实例
2020/06/16 Python
详解python百行有效代码实现汉诺塔小游戏(简约版)
2020/10/30 Python
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
39美元购买一副眼镜或太阳镜:39DollarGlasses.com
2018/06/17 全球购物
硕士研究生就业推荐信
2014/05/18 职场文书
追悼会答谢词
2015/01/05 职场文书
北京天坛导游词
2015/02/12 职场文书
经典励志格言:每日一句,让你每天充满能量
2019/08/16 职场文书
8g内存用python读取10文件_面试题-python 如何读取一个大于 10G 的txt文件?
2021/05/28 Python
MySQL提升大量数据查询效率的优化神器
2022/07/07 MySQL