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 相关文章推荐
控制打印时页眉角的代码
Feb 08 Javascript
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
Jan 27 Javascript
jQuery 拖动层(在可视区域范围内)
May 24 Javascript
JS控件的生命周期介绍
Oct 22 Javascript
JSP跨iframe如何传递参数实现代码
Sep 21 Javascript
js showModalDialog参数的使用详解
Jan 07 Javascript
对js关键字命名的疑问介绍
Apr 25 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
js实现精确到秒的倒计时效果
May 29 Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 Javascript
three.js实现3D影院的原理的代码分析
Dec 18 Javascript
Vue渲染过程浅析
Mar 14 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
通过ICQ网关发送手机短信的PHP源程序
2006/10/09 PHP
自动把纯文本转换成Web页面的php代码
2009/08/27 PHP
PHP GD 图像处理组件的常用函数总结
2010/04/28 PHP
php+jquery编码方面的一些心得(utf-8 gb2312)
2010/10/12 PHP
php中防止SQL注入的最佳解决方法
2013/04/25 PHP
YII2.0框架行为(Behavior)深入详解
2019/07/26 PHP
laravel 使用auth编写登录的方法
2019/09/30 PHP
utf8的编码算法 转载
2006/12/27 Javascript
增强的 JavaScript 的 trim 函数的代码
2007/08/13 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
2013/06/18 Javascript
jquery实现多级下拉菜单的实例代码
2013/10/02 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
javascript实现倒计时N秒后网页自动跳转代码
2014/12/11 Javascript
node.js中的fs.mkdir方法使用说明
2014/12/17 Javascript
js实现简单折叠、展开菜单的方法
2015/08/28 Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
2016/10/26 Javascript
Javascript中关于Array.filter()的妙用详解
2016/12/04 Javascript
Vue组件tree实现树形菜单
2017/04/13 Javascript
Angular 4 依赖注入学习教程之FactoryProvider的使用(四)
2017/06/04 Javascript
vue实现nav导航栏的方法
2017/12/13 Javascript
vue实现移动端悬浮窗效果
2018/12/01 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
2019/04/25 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
JavaScript实现雪花飘落效果
2020/12/27 Javascript
Python判断某个用户对某个文件的权限
2016/10/13 Python
用python编写第一个IDA插件的实例
2018/05/29 Python
Python3+Requests+Excel完整接口自动化测试框架的实现
2019/10/11 Python
Python调用SMTP服务自动发送Email的实现步骤
2021/02/07 Python
使用CSS3实现一个3D相册效果实例
2016/12/03 HTML / CSS
ETO男装官方网店:ETO Jeans
2019/02/28 全球购物
Android笔试题总结
2014/11/29 面试题
STP的判定过程
2012/10/01 面试题
介绍一下如何利用路径遍历进行攻击及如何防范
2014/01/19 面试题
求职信格式要求
2014/05/23 职场文书
体育专业求职信
2014/07/16 职场文书
八年级地理课件资料及考点知识分享
2019/08/30 职场文书