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 相关文章推荐
javascript 关闭IE6、IE7
Jun 01 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
May 05 Javascript
javascript中使用正则表达式清理table样式的代码
Apr 01 Javascript
学习JavaScript设计模式(封装)
Nov 26 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
May 21 Javascript
纯js实现手风琴效果代码
Apr 17 Javascript
微信小程序开发(一) 微信登录流程详解
Jan 11 Javascript
JS字符串false转boolean的方法(推荐)
Mar 08 Javascript
使用react context 实现vue插槽slot功能
Jul 18 Javascript
layui自己添加图片按钮并点击跳转页面的例子
Sep 14 Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
Sep 30 Javascript
如何在CocosCreator里画个炫酷的雷达图
Apr 16 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
WML,Apache,和 PHP 的介绍
2006/10/09 PHP
使用PHP批量生成随机用户名
2008/07/10 PHP
PHP substr 截取字符串出现乱码问题解决方法[utf8与gb2312]
2011/12/16 PHP
PHP中设置时区方法小结
2012/06/03 PHP
深入理解PHP几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
摘自织梦CMS的HTTP文件下载类
2015/08/08 PHP
DHTML 中的绝对定位
2006/11/26 Javascript
jquery 新浪网易的评论块制作
2010/07/01 Javascript
JavaScript入门之基本函数详解
2011/10/21 Javascript
广泛收集的jQuery拖放插件集合
2012/04/09 Javascript
JS上传前预览图片实例
2013/03/25 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
2014/01/31 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
2016/05/17 Javascript
vue实现todolist单页面应用
2017/04/11 Javascript
JS实现的JSON数组去重算法示例
2018/04/11 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
2018/06/10 Javascript
element-ui 表格数据时间格式化的方法
2018/08/24 Javascript
angular 未登录状态拦截路由跳转的方法
2018/10/09 Javascript
vue keep-alive 动态删除组件缓存的例子
2019/11/04 Javascript
Python即时网络爬虫项目启动说明详解
2018/02/23 Python
python3解析库pyquery的深入讲解
2018/06/26 Python
在python中使用requests 模拟浏览器发送请求数据的方法
2018/12/26 Python
python Tkinter版学生管理系统
2019/02/20 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
python输入多行字符串的方法总结
2019/07/02 Python
Python Sphinx使用实例及问题解决
2020/01/17 Python
Python 实现微信自动回复的方法
2020/09/11 Python
CSS3 圆角效果
2009/07/15 HTML / CSS
美国受欢迎的眼影品牌:BH Cosmetics
2016/10/25 全球购物
芬兰汽车配件商店:Autonvaraosat24
2017/01/30 全球购物
2014年党的群众路线教育实践活动总结
2014/04/25 职场文书
生日庆典策划方案
2014/06/02 职场文书
协会周年庆活动方案
2014/08/26 职场文书
房产授权委托书范本
2014/09/22 职场文书
在校学生证明格式
2015/06/24 职场文书