JavaScript sup方法入门实例(把字符串显示为上标)

网络编程 发布日期:2024/10/8 浏览次数:1

正在浏览:JavaScript sup方法入门实例(把字符串显示为上标)

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 样式的方式,来动态改变字体文本的上下对齐方式(上标/下标)。

一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?