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 相关文章推荐
Code:loadScript( )加载js的功能函数
Feb 02 Javascript
大家未必知道的Js技巧收藏
Apr 07 Javascript
js查找某元素中的所有图片地址的方法
Jan 16 Javascript
jquery实现表单验证并阻止非法提交
Jul 09 Javascript
Highcharts使用简例及异步动态读取数据
Dec 30 Javascript
js print打印网页指定区域内容的简单实例
Nov 01 Javascript
jQuery表单验证之密码确认
May 22 jQuery
JS如何实现在页面上快速定位(锚点跳转问题)
Aug 14 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
Apr 24 Javascript
原生JS实现轮播图效果
Oct 12 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
简单实现节流函数和防抖函数过程解析
Oct 08 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 Ajax乱码
2008/04/09 PHP
使用XHGui来测试PHP性能的教程
2015/07/03 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
根据分辨率不同,调用不同的css文件
2006/07/07 Javascript
js 匿名调用实现代码
2009/06/19 Javascript
jQuery代码优化 遍历篇
2011/11/01 Javascript
JS TextArea字符串长度限制代码集合
2012/10/31 Javascript
cookie的secure属性详解
2015/04/08 Javascript
jQuery实现手机号码输入提示功能实例
2015/04/30 Javascript
深入学习jQuery Validate表单验证(二)
2016/01/18 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
2016/11/15 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
highcharts 在angular中的使用示例代码
2017/09/20 Javascript
Material(包括Material Icon)在Angular2中的使用详解
2018/02/11 Javascript
angularjs 获取默认选中的单选按钮的value方法
2018/02/28 Javascript
JS实现的冒泡排序,快速排序,插入排序算法示例
2019/03/02 Javascript
[01:14]英雄,所敬略同——2018完美盛典宣传视频
2018/12/05 DOTA
Python中IPYTHON入门实例
2015/05/11 Python
Python操作使用MySQL数据库的实例代码
2017/05/25 Python
Python编程之列表操作实例详解【创建、使用、更新、删除】
2017/07/22 Python
用python结合jieba和wordcloud实现词云效果
2017/09/05 Python
基于DATAFRAME中元素的读取与修改方法
2018/06/08 Python
python 获取url中的参数列表实例
2018/12/18 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
浅谈SciPy中的optimize.minimize实现受限优化问题
2020/02/29 Python
Python json模块与jsonpath模块区别详解
2020/03/05 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
SQL注入攻击的种类有哪些
2013/12/30 面试题
外贸英语专业求职信范文
2013/12/25 职场文书
房屋改造计划书
2014/01/10 职场文书
篮球社团活动总结
2014/06/27 职场文书
办公室务虚会发言材料
2014/10/20 职场文书
防暑降温通知书
2015/04/27 职场文书
信息简报范文
2015/07/21 职场文书
朋友离别感言
2015/08/04 职场文书
《西门豹》教学反思
2016/02/23 职场文书