本文介绍 JavaScript 中 sub 方法的用法及其局限性。sub 方法通过返回带有 HTML sub 标签的字符串来模拟下标效果，但不符合 ECMA 标准。文章进一步提供了通过修改 CSS vertical-align 属性动态控制文本上下对齐（上标/下标）的推荐方案，包含完整代码示例与交互逻辑。
JavaScript sub 方法基础
JavaScript sub 方法
sub 方法用于生成带有 HTML sub 标签属性的下标字符串。其基本语法结构如下：
代码如下:
str_object.sub()注意：该方法并未被 ECMA 标准所采纳，因此在实际开发中不推荐使用。
sub 方法实例与局限性
sub 方法使用示例
代码如下:
<script language="JavaScript">
document.write( '本站' + '每一点进步，都是我们通往成功道路上的坚实脚印'.sub() );
</script>执行上述代码后，输出结果如下：
代码如下:
本站
每一点进步，都是我们通往成功道路上的坚实脚印提示：sub 方法的作用是返回包含 HTML sub 标签的字符串，它并不会直接改变页面中字符串的视觉样式。若需动态调整文本为下标样式，可参考以下实现方式：
基于 CSS 的动态上下标实现
动态调整字体文本对齐方式（上标/下标）
代码如下:
<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 样式属性，从而动态实现文本的上标或下标对齐效果。