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 location几个方法小姐
Jul 09 Javascript
javascript 面向对象的JavaScript类
May 04 Javascript
jquery实用代码片段集合
Aug 12 Javascript
解析使用JS 清空File控件的路径值
Jul 08 Javascript
一个判断抢购时间是否到达的简单的js函数
Jun 23 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
May 17 Javascript
bootstrap实现二级下拉菜单效果
Nov 23 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
node.js读取Excel数据(下载图片)的方法示例
Aug 02 Javascript
vue中rem的配置的方法示例
Aug 30 Javascript
vux-scroller实现移动端上拉加载功能过程解析
Oct 08 Javascript
使用jQuery实现掷骰子游戏
Oct 24 jQuery
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调用三种数据库的方法(3)
2006/10/09 PHP
openflashchart 2.0 简单案例php版
2012/05/21 PHP
fetchAll()与mysql_fetch_array()的区别详解
2013/06/05 PHP
php解析html类库simple_html_dom(详细介绍)
2013/07/05 PHP
PHP利用REFERER根居访问来地址进行页面跳转
2013/09/28 PHP
php慢查询日志和错误日志使用详解
2021/02/27 PHP
javascript 进度条 实现代码
2009/07/30 Javascript
js操作table示例(个人心得)
2013/11/29 Javascript
手机号码,密码正则验证
2014/09/04 Javascript
浅谈轻量级js模板引擎simplite
2015/02/13 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
2015/09/12 Javascript
nodejs 中模拟实现 emmiter 自定义事件
2016/02/22 NodeJs
jquery仿QQ登录账号选择下拉框效果
2016/03/22 Javascript
AngularJS 单元测试(二)详解
2016/09/21 Javascript
JS弹性运动实现方法分析
2016/12/15 Javascript
JS打开摄像头并截图上传示例
2017/02/18 Javascript
js canvas实现简单的图像扩散效果
2020/06/28 Javascript
axios的拦截请求与响应方法
2018/08/11 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
详解微信小程序-canvas绘制文字实现自动换行
2019/04/26 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
vue父子模板传值问题解决方法案例分析
2020/02/26 Javascript
JS使用正则表达式实现常用的表单验证功能分析
2020/04/30 Javascript
js瀑布流布局的实现
2020/06/28 Javascript
基于vue+echarts数据可视化大屏展示的实现
2020/12/25 Vue.js
python实现简单聊天应用 python群聊和点对点均实现
2017/09/14 Python
Selenium元素的常用操作方法分析
2018/08/10 Python
python_mask_array的用法
2020/02/18 Python
python要安装在哪个盘
2020/06/15 Python
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
《彭德怀和他的大黑骡子》教学反思
2014/04/12 职场文书
群众路线党员自我评议范文2014
2014/09/24 职场文书
挂职个人工作总结
2015/03/05 职场文书
幼儿园家长心得体会
2016/01/21 职场文书
Redis中有序集合的内部实现方式的详细介绍
2022/03/16 Redis
MySQL远程无法连接的一些常见原因总结
2022/09/23 MySQL