JavaScript sup方法入门实例(把字符串显示为上标)


Posted in Javascript onOctober 20, 2014

sup 方法返回使用 HTML sup 标签属性定义的上标字符串。其语法如下:

str_object.sup()

提示:该方法不符合 ECMA 标准,不建议使用。

sup 方法实例:

<script language="JavaScript">

document.write( '三水点靠木' + '每一点进步,都是我们通往成功道路上的坚实脚印'.sup() );

</script>

运行该例子,输出:

三水点靠木每一点进步,都是我们通往成功道路上的坚实脚印

提示:该方法返回使用 HTML sup 标签定义的上标字符串,即使用该方法并不能直接将字符串变更为上标样式。如果想动态改变元素字体为上标样式,可参考下面的实例:

改变字体文本上下对齐方式(上标/下标)

<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 相关文章推荐
从QQ网站中提取的纯JS省市区三级联动菜单
Dec 25 Javascript
jQuery插件简单实现方法
Jul 18 Javascript
基于js实现投票的实例代码
Aug 04 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
Mar 23 Javascript
jQuery实现的导航动画效果(附demo源码)
Apr 01 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
Apr 17 Javascript
老生常谈js动态添加事件--- 事件委托
Jul 19 Javascript
js 实现数值的千分位及保存小数方法(推荐)
Aug 01 Javascript
Highcharts入门之简介
Aug 02 Javascript
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
js学习总结_选项卡封装(实例讲解)
Jul 13 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 #Javascript
js添加select下默认的option的value和text的方法
Oct 19 #Javascript
使用变量动态设置js的属性名
Oct 19 #Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 #Javascript
js读取json的两种常用方法示例介绍
Oct 19 #Javascript
Jquery解析Json格式数据过程代码
Oct 17 #Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 #Javascript
You might like
PHP 和 COM
2006/10/09 PHP
phpmyadmin 访问被拒绝的真实原因
2009/06/15 PHP
DedeCMS 核心类TypeLink.class.php摘要笔记
2010/04/07 PHP
解析PHP中intval()等int转换时的意外异常情况
2013/06/21 PHP
在js中判断checkboxlist(.net控件客户端id)是否有选中
2013/04/11 Javascript
输入框过滤非数字的js代码
2014/09/18 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
2015/12/11 Javascript
JS取模、取商及取整运算方法示例
2016/10/13 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
vue+jquery+lodash实现滑动时顶部悬浮固定效果
2018/04/28 jQuery
vue input输入框模糊查询的示例代码
2018/05/22 Javascript
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
Python pyinotify日志监控系统处理日志的方法
2018/03/08 Python
python在每个字符后添加空格的实例
2018/05/07 Python
python如何发布自已pip项目的方法步骤
2018/10/09 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
Python通过TensorFlow卷积神经网络实现猫狗识别
2019/03/14 Python
python制作填词游戏步骤详解
2019/05/05 Python
用scikit-learn和pandas学习线性回归的方法
2019/06/21 Python
pycharm 安装JPype的教程
2019/08/08 Python
Python对列表的操作知识点详解
2019/08/20 Python
matplotlib基础绘图命令之imshow的使用
2020/08/13 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
CSS3实现大小不一的粒子旋转加载动画
2016/04/21 HTML / CSS
CSS3实现的渐变幻灯片效果
2020/12/07 HTML / CSS
巴西独家产品和现场演示购物网站:Shoptime
2019/07/11 全球购物
Linux面试经常问的文件系统操作命令
2016/10/04 面试题
支教自我鉴定
2014/01/18 职场文书
土建工程师岗位职责
2014/06/10 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
2015年测量员工作总结
2015/05/23 职场文书
业务员管理制度范本
2015/08/06 职场文书
煤矿安全学习心得体会
2016/01/18 职场文书
vue实现简单数据双向绑定
2021/04/28 Vue.js
Python中Matplotlib的点、线形状、颜色以及绘制散点图
2022/04/07 Python