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制作的网页侧边弹出框思路及实现代码
May 21 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
Sep 19 Javascript
JS函数arguments数组获得实际传参数个数的实现方法
May 28 Javascript
AngularJS 中的事件详解
Jul 28 Javascript
JavaScript函数参数的传递方式详解
Mar 06 Javascript
微信小程序button组件使用详解
Jan 31 Javascript
npm 更改默认全局路径以及国内镜像的方法
May 16 Javascript
vue v-model实现自定义样式多选与单选功能
Jul 05 Javascript
微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例
Jan 23 Javascript
vue踩坑记-在项目中安装依赖模块npm install报错
Apr 02 Javascript
javascript贪吃蛇游戏设计与实现
Sep 17 Javascript
Vue2.0搭建脚手架
Mar 13 Vue.js
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
虫族 Zerg 历史背景
2020/03/14 星际争霸
PHP写入WRITE编码为UTF8的文件的实现代码
2008/07/07 PHP
PHP 数组教程 定义数组
2009/10/23 PHP
PHP+SQL 注入攻击的技术实现以及预防办法
2010/12/29 PHP
ThinkPHP模板之变量输出、自定义函数与判断语句用法
2014/11/01 PHP
JS cookie中文乱码解决方法
2014/01/28 Javascript
jQuery实现鼠标划过修改样式的方法
2015/04/14 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
2016/12/25 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
2017/01/13 Javascript
layui分页效果实现代码
2017/05/19 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
js数组实现权重概率分配
2017/09/12 Javascript
Django与Vue语法的冲突问题完美解决方法
2017/12/14 Javascript
详解Express笔记之动态渲染HTML(新手入坑)
2018/12/13 Javascript
vuex 实现getter值赋值给vue组件里的data示例
2019/11/05 Javascript
Python实现判断字符串中包含某个字符的判断函数示例
2018/01/08 Python
对numpy中的transpose和swapaxes函数详解
2018/08/02 Python
python3实现爬取淘宝美食代码分享
2018/09/23 Python
在python3中pyqt5和mayavi不兼容问题的解决方法
2019/01/08 Python
对python PLT中的image和skimage处理图片方法详解
2019/01/10 Python
python3实现钉钉消息推送的方法示例
2019/03/14 Python
详解如何从TensorFlow的mnist数据集导出手写体数字图片
2019/08/05 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
python代码实现TSNE降维数据可视化教程
2020/02/28 Python
Jupyter安装链接aconda实现过程图解
2020/11/02 Python
pycharm配置安装autopep8自动规范代码的实现
2021/03/02 Python
爱普生美国官网:Epson美国
2018/11/05 全球购物
营业员个人总结的自我评价
2013/10/25 职场文书
电气专业应届生求职信
2013/11/01 职场文书
银行学习十八大感想
2014/01/11 职场文书
房产委托公证书样本
2014/04/04 职场文书
记账会计岗位职责
2014/06/16 职场文书
优秀党员学习焦裕禄精神思想汇报范文
2014/09/10 职场文书
2014年团工作总结
2014/11/27 职场文书
Python Django获取URL中的数据详解
2021/11/01 Python
《最终幻想14》6.01版本4月5日推出 追加新任务新道具
2022/04/03 其他游戏