JavaScript sub方法入門實(shí)例（把字符串顯示為下標(biāo)）

更新時(shí)間：2014年10月17日 13:30:01 投稿：junjie

這篇文章主要介紹了JavaScript sub方法入門實(shí)例,sub方法用于把字符串顯示為下標(biāo),需要的朋友可以參考下

JavaScript sub 方法

sub 方法返回使用 HTML sub 標(biāo)簽屬性定義的下標(biāo)字符串。其語法如下：

復(fù)制代碼代碼如下:

str_object.sub()

提示：該方法不符合 ECMA 標(biāo)準(zhǔn)，不建議使用。

sub 方法實(shí)例

復(fù)制代碼代碼如下:

<script language="JavaScript">

document.write( '腳本之家' + '每一點(diǎn)進(jìn)步，都是我們通往成功道路上的堅(jiān)實(shí)腳印'.sub() );

</script>

運(yùn)行該例子，輸出：

復(fù)制代碼代碼如下:

腳本之家每一點(diǎn)進(jìn)步，都是我們通往成功道路上的堅(jiān)實(shí)腳印

提示：該方法返回使用 HTML sub 標(biāo)簽定義的下標(biāo)字符串，即使用該方法并不能直接將字符串變更為下標(biāo)樣式。如果想動(dòng)態(tài)改變?cè)刈煮w為下標(biāo)樣式，可參考下面的實(shí)例：

改變字體文本上下對(duì)齊方式（上標(biāo)/下標(biāo)）

復(fù)制代碼代碼如下:

<html>

<script language="JavaScript">

function changFont( x ){

    document.getElementById("sub_title").style.verticalAlign = x;

}

</script>

<body>

<p>

<a onClick="changFont('sub');">下標(biāo)樣式</a> <a onClick="changFont('super');">上標(biāo)樣式</a>

</p>

<p>

腳本之家<span id="sub_title">每一點(diǎn)進(jìn)步，都是我們通往成功道路上的堅(jiān)實(shí)腳印</span>

</p>

</body>

</html>

在該例子中，通過 JavaScript 控制文本 CSS vertical-align 樣式的方式，來動(dòng)態(tài)改變字體文本的上下對(duì)齊方式（上標(biāo)/下標(biāo)）。

您可能感興趣的文章:

相關(guān)文章

輕輕松松學(xué)習(xí)JavaScript
輕輕松松學(xué)習(xí)JavaScript...
2007-02-02
JS中attr和prop屬性的區(qū)別以及優(yōu)先選擇示例介紹
這篇文章主要介紹了JS中attr和prop屬性的區(qū)別以及優(yōu)先選擇,需要的朋友可以參考下
2014-06-06
超級(jí)給力的JavaScript的React框架入門教程
這篇文章主要介紹了JavaScript的React框架入門教程,目前React框架正被Facebook開源極力推廣中,此文強(qiáng)烈推薦!需要的朋友可以參考下
2015-07-07
javascript與java有什么關(guān)系（區(qū)別與相似）
Java和JavaScript的編程語言，名稱聽起來相似，但卻是兩個(gè)公司開發(fā)的不同的產(chǎn)品。Java是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計(jì)語言，特別適合于Internet應(yīng)用程序開發(fā)；而JavaScript是Netscape公司的產(chǎn)品，可以嵌入Web頁面中的基于對(duì)象和事件驅(qū)動(dòng)的解釋性語言。
2023-02-02
簡單明了區(qū)分escape、encodeURI和encodeURIComponent
這篇文章主要介紹了escape、encodeURI和encodeURIComponent的區(qū)別，需要的朋友可以參考下
2018-05-05
JavaScript代碼復(fù)用模式詳解
文章介紹了代碼復(fù)用的概念及其原則，已經(jīng)代碼復(fù)用的集中類型，非常的詳盡，語言簡單易懂，有需要的朋友可以參考下
2014-11-11
javascript 觸發(fā)事件列表比較不錯(cuò)
javascript 觸發(fā)事件列表，整理的一些js的事件，一般常用的就是onclick,onmouseover等。大家可以了解下，方便以后應(yīng)用。
2009-09-09
JS 面向?qū)ο笾^承---多種組合繼承詳解
下面小編就為大家?guī)硪黄狫S 面向?qū)ο笾^承---多種組合繼承詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-07-07
Javascript 實(shí)現(xiàn)簡單計(jì)算器實(shí)例代碼
這篇文章主要介紹了Javascript 實(shí)現(xiàn)簡單計(jì)算器實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2016-10-10
Javascript基礎(chǔ)教程之?dāng)?shù)據(jù)類型（字符串 String）
javascript一共有9種數(shù)據(jù)類型，分別是字符串 String、數(shù)值型 Number、布爾型 Boolean、未定義 Undefine、空值 Null、對(duì)象 Object、引用Refernce、列表型 List、完成型 Completion，我們今天首先來看看（字符串 String）
2015-01-01