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 相关文章推荐
js 通用订单代码
Dec 23 Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
Jan 24 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
Mar 19 Javascript
js中匿名函数的创建与调用方法分析
Dec 19 Javascript
浅谈javascript中的闭包
May 13 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
May 10 Javascript
深入理解JavaScript中Ajax
Aug 02 Javascript
js实现数字递增特效【仿支付宝我的财富】
May 05 Javascript
关于vue中 $emit的用法详解
Apr 12 Javascript
vue keep-alive请求数据的方法示例
May 16 Javascript
浅谈javascript如何获取文件后缀名
Aug 07 Javascript
javascript实现搜索筛选功能实例代码
Nov 12 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
用Flash图形化数据(二)
2006/10/09 PHP
php 代码优化之经典示例
2011/03/24 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
PHP实现数据库的增删查改功能及完整代码
2018/04/18 PHP
php中curl和soap方式请求服务超时问题的解决
2018/06/11 PHP
PHP设计模式之观察者模式定义与用法示例
2018/08/04 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
Javascript this关键字使用分析
2008/10/21 Javascript
jq选项卡鼠标延迟的插件实例
2013/05/13 Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
2013/12/27 Javascript
Javascript连接Access数据库完整实例
2015/08/03 Javascript
图解js图片轮播效果
2015/12/20 Javascript
jQuery Select下拉框操作小结(推荐)
2016/07/22 Javascript
JS如何生成一个不重复的ID的函数
2016/12/25 Javascript
JS动态修改网页body的背景色实例代码
2017/10/07 Javascript
vue.js配合$.post从后台获取数据简单demo分享
2018/08/11 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
2018/09/01 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
小程序Request的另类用法详解
2019/08/09 Javascript
[03:49]辉夜杯现场龙骑士COSER秀情商“我喜欢芬队!”
2015/12/27 DOTA
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
python实现归并排序算法
2018/11/22 Python
html5拖拽应用记录及注意点
2020/05/27 HTML / CSS
JAVA代码查错题
2014/10/10 面试题
Windows和Linux动态库应用异同
2016/07/28 面试题
高校自主招生自荐信
2013/12/09 职场文书
老总助理工作岗位职责
2014/02/06 职场文书
银行办公室岗位职责
2014/03/10 职场文书
大学生励志演讲稿
2014/04/25 职场文书
我的中国梦演讲稿600字
2014/08/19 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
2015年保险公司工作总结
2015/04/24 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书
pytorch锁死在dataloader(训练时卡死)
2021/05/28 Python
JMeter对MySQL数据库进行压力测试的实现步骤
2022/01/22 MySQL
Python内置包对JSON文件数据进行编码和解码
2022/04/12 Python