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 参数中的数组展开 [译]
Sep 21 Javascript
JS替换文本域内的回车示例
Feb 18 Javascript
在Linux上用forever实现Node.js项目自启动
Jul 09 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
Jan 09 Javascript
JavaScript获取浏览器信息的方法
Nov 20 Javascript
html+js实现简单的计算器代码(加减乘除)
Jul 12 Javascript
javascript 判断是否是微信浏览器的方法
Oct 09 Javascript
JS数组操作之增删改查的简单实现
Aug 21 Javascript
node打造微信个人号机器人的方法示例
Apr 26 Javascript
ndm:NPM的桌面GUI应用程序
Oct 15 Javascript
原生JS使用Canvas实现拖拽式绘图功能
Jun 05 Javascript
canvas多重阴影发光效果实现
Apr 20 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
GBK的页面输出JSON格式的php函数
2010/02/16 PHP
php学习笔记(三)操作符与控制结构
2011/08/06 PHP
6种php上传图片重命名的方法实例
2013/11/04 PHP
javascript 关于# 和 void的区别分析
2009/10/26 Javascript
js href的用法
2010/05/13 Javascript
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
2015/05/19 Javascript
基于Jquery代码实现支持PC端手机端幻灯片代码
2015/11/17 Javascript
js控件Kindeditor实现图片自动上传功能
2020/07/20 Javascript
初识简单却不失优雅的Vue.js
2016/09/12 Javascript
javascript简易画板开发
2020/04/12 Javascript
JavaScript 深层克隆对象详解及实例
2016/11/03 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
2017/03/30 Javascript
JavaScript实现购物车基本功能
2017/07/21 Javascript
node中Express 动态设置端口的方法
2017/08/04 Javascript
NodeJS模块与ES6模块系统语法及注意点详解
2019/01/04 NodeJs
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
2019/04/30 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
Vue vm.$attrs使用场景详解
2020/03/08 Javascript
vue 动态生成拓扑图的示例
2021/01/03 Vue.js
[44:43]完美世界DOTA2联赛决赛日 FTD vs GXR 第一场 11.08
2020/11/11 DOTA
Python+Socket实现基于UDP协议的局域网广播功能示例
2017/08/31 Python
python实现冒泡排序算法的两种方法
2018/03/10 Python
python爬取网易云音乐评论
2018/11/16 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
jupyter notebook 重装教程
2020/04/16 Python
Jupyter Notebook添加代码自动补全功能的实现
2021/01/07 Python
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
2014/09/02 HTML / CSS
HTML5地理定位与第三方工具百度地图的应用
2016/11/17 HTML / CSS
墨西哥皇宫度假村预订:Palace Resorts
2018/06/16 全球购物
面向游戏玩家和书呆子的极客订阅盒:Loot Crate
2020/11/25 全球购物
老师自我鉴定范文
2013/12/25 职场文书
医学专业职业生涯规划范文
2014/02/05 职场文书
一年级语文下册复习计划
2015/01/17 职场文书
受资助学生感谢信
2015/01/21 职场文书
银行求职信范文
2019/05/13 职场文书