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 相关文章推荐
你可能不再需要JQUERY
Mar 09 Javascript
JavaScript 输入框内容格式验证代码
Feb 11 Javascript
基于jquery点击自以外任意处,关闭自身的代码
Feb 10 Javascript
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
Jul 09 Javascript
JS中的this变量的使用介绍
Oct 21 Javascript
js防止页面被iframe调用的方法
Oct 30 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
Sep 18 Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 Javascript
JavaScript中 this 指向问题深度解析
Feb 21 Javascript
vue2.0父子组件间通信的实现方法
Apr 19 Javascript
JavaScript实现区块链
Mar 14 Javascript
vuex vue简单使用知识点总结
Aug 29 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
一个基于PDO的数据库操作类
2011/03/24 PHP
thinkphp项目如何自定义微信分享描述内容
2017/02/20 PHP
JavaScript 设计模式学习 Factory
2009/07/29 Javascript
javascript hasFocus使用实例
2010/06/29 Javascript
js动态创建、删除表格示例代码
2013/08/07 Javascript
JavaScript使用Prototype实现面向对象的方法
2015/04/14 Javascript
JavaScript实现广告的关闭与显示效果实例
2015/07/02 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
2015/11/29 Javascript
第五篇Bootstrap 排版
2016/06/21 Javascript
浅谈jquery页面初始化的4种方式
2016/11/27 Javascript
jquery拼接ajax 的json和字符串拼接的方法
2017/03/11 Javascript
深入理解Vue官方文档梳理之全局API
2017/11/22 Javascript
node.js中axios使用心得总结
2017/11/29 Javascript
AngularJs点击状态值改变背景色的实例
2017/12/18 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
JavaScript实现通讯录功能
2020/12/27 Javascript
[02:07]DOTA2新英雄展现中国元素,完美“圣典”亮相央视
2016/12/19 DOTA
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[00:10]神之谴戒
2019/03/06 DOTA
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
python实现在windows下操作word的方法
2015/04/28 Python
python 实现倒计时功能(gui界面)
2020/11/11 Python
英国花园家具中心:Garden Furniture Centre
2017/08/24 全球购物
安全生产检讨书
2014/01/21 职场文书
餐厅经理岗位职责范本
2014/02/17 职场文书
学习“七一”讲话精神体会
2014/07/08 职场文书
国家奖学金获奖感言
2014/08/16 职场文书
网吧七夕活动策划方案
2014/08/31 职场文书
先进工作者个人总结
2015/02/15 职场文书
音乐之声观后感
2015/06/04 职场文书
2016年寒假政治学习心得体会
2015/10/09 职场文书
六年级情感作文之500字
2019/10/23 职场文书
十个Python自动化常用操作,即拿即用
2021/05/10 Python
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫
python_tkinter事件类型详情
2022/03/20 Python