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 动态table添加colspan\rowspan 参数的方法
Jul 25 Javascript
JQuery的AJAX实现文件下载的小例子
May 15 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
Jun 04 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
Mar 16 Javascript
javaScript字符串工具类StringUtils详解
Dec 08 Javascript
使用JS代码实现俄罗斯方块游戏
Aug 03 Javascript
小程序实现页面顶部选项卡效果
Nov 06 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
Sep 10 Javascript
layui时间控件选择时间范围的实现方法
Sep 28 Javascript
JS轮播图的实现方法
Aug 24 Javascript
详解vue 组件注册
Nov 20 Vue.js
React forwardRef的使用方法及注意点
Jun 13 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
php实现猴子选大王问题算法实例
2015/04/20 PHP
PHP实现获取某个月份周次信息的方法
2015/08/11 PHP
实现WordPress主题侧边栏切换功能的PHP脚本详解
2015/12/14 PHP
php面向对象基础详解【星际争霸游戏案例】
2020/01/23 PHP
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
2008/10/29 Javascript
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
JavaScript访问样式表代码
2010/10/15 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
2013/05/27 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
2016/09/20 Javascript
echarts3 使用总结(绘制各种图表,地图)
2017/01/05 Javascript
JavaScript模板引擎实现原理实例详解
2018/12/14 Javascript
node.js实现微信开发之获取用户授权
2019/03/18 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
浅谈js数组splice删除某个元素爬坑
2020/10/14 Javascript
Python中atexit模块的基本使用示例
2015/07/08 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
selenium+python环境配置教程详解
2019/05/28 Python
对python特殊函数 __call__()的使用详解
2019/07/02 Python
基于python和flask实现http接口过程解析
2020/06/15 Python
详解CSS3的图层阴影和文字阴影效果使用
2016/06/09 HTML / CSS
纯CSS3实现圆圈动态发光特效动画的示例代码
2021/03/08 HTML / CSS
英国的一家创新礼品和小工具零售商:Menkind
2019/08/24 全球购物
Andrew Marc官网:设计师外套的领先制造商
2019/10/30 全球购物
求职简历的自我评价怎样写好
2013/10/07 职场文书
英语专业大学生求职简历的自我评价
2013/10/18 职场文书
大学毕业后的十年规划
2014/01/07 职场文书
岳父生日宴会答谢词
2014/01/13 职场文书
大三毕业自我鉴定
2014/01/15 职场文书
社区学雷锋活动策划方案
2014/01/30 职场文书
邀请函范文
2015/02/02 职场文书
自主招生专家推荐信
2015/03/26 职场文书
销售督导岗位职责
2015/04/10 职场文书
中秋晚会致辞
2015/07/31 职场文书
党校培训学习心得体会
2016/01/06 职场文书