JavaScript sub方法入門實例（把字符串顯示為下標(biāo)）
更新時間：2014年10月17日 13:30:01 投稿：junjie
這篇文章主要介紹了JavaScript sub方法入門實例,sub方法用于把字符串顯示為下標(biāo),需要的朋友可以參考下
JavaScript sub 方法
sub 方法返回使用 HTML sub 標(biāo)簽屬性定義的下標(biāo)字符串。其語法如下：
復(fù)制代碼 代碼如下:
str_object.sub()
提示：該方法不符合 ECMA 標(biāo)準(zhǔn)，不建議使用。
sub 方法實例
復(fù)制代碼 代碼如下:
<script language="JavaScript">
document.write( '腳本之家' + '每一點進步，都是我們通往成功道路上的堅實腳印'.sub() );
</script>
運行該例子，輸出：
復(fù)制代碼 代碼如下:
腳本之家每一點進步，都是我們通往成功道路上的堅實腳印
提示：該方法返回使用 HTML sub 標(biāo)簽定義的下標(biāo)字符串，即使用該方法并不能直接將字符串變更為下標(biāo)樣式。如果想動態(tài)改變元素字體為下標(biāo)樣式，可參考下面的實例：
改變字體文本上下對齊方式（上標(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">每一點進步，都是我們通往成功道路上的堅實腳印</span>
</p>
</body>
</html>
在該例子中，通過 JavaScript 控制文本 CSS vertical-align 樣式的方式，來動態(tài)改變字體文本的上下對齊方式（上標(biāo)/下標(biāo)）。
您可能感興趣的文章:
- JsRender for object語法簡介
- JsRender for index循環(huán)索引用法詳解
- JavaScript sup方法入門實例（把字符串顯示為上標(biāo)）
- JavaScript strike方法入門實例（給字符串加上刪除線）
- JavaScript link方法入門實例（給字符串加上超鏈接）
- JavaScript italics方法入門實例（把字符串顯示為斜體）
- JavaScript fontsize方法入門實例（按照指定的尺寸來顯示字符串）
- JavaScript fontcolor方法入門實例（按照指定的顏色來顯示字符串）
- JavaScript bold方法入門實例（把指定文字顯示為粗體）
- laytpl 精致巧妙的JavaScript模板引擎
- javascript輕量級模板引擎juicer使用指南
- ejs v9 javascript模板系統(tǒng)
- JsRender實用入門教程
相關(guān)文章
輕輕松松學(xué)習(xí)JavaScript...2007-02-02
JS中attr和prop屬性的區(qū)別以及優(yōu)先選擇示例介紹
這篇文章主要介紹了JS中attr和prop屬性的區(qū)別以及優(yōu)先選擇,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了JavaScript的React框架入門教程,目前React框架正被Facebook開源極力推廣中,此文強烈推薦!需要的朋友可以參考下2015-07-07
javascript與java有什么關(guān)系（區(qū)別與相似）
Java和JavaScript的編程語言，名稱聽起來相似，但卻是兩個公司開發(fā)的不同的產(chǎn)品。Java是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計語言，特別適合于Internet應(yīng)用程序開發(fā)；而JavaScript是Netscape公司的產(chǎn)品，可以嵌入Web頁面中的基于對象和事件驅(qū)動的解釋性語言。2023-02-02
簡單明了區(qū)分escape、encodeURI和encodeURIComponent
這篇文章主要介紹了escape、encodeURI和encodeURIComponent的區(qū)別，需要的朋友可以參考下2018-05-05
文章介紹了代碼復(fù)用的概念及其原則，已經(jīng)代碼復(fù)用的集中類型，非常的詳盡，語言簡單易懂，有需要的朋友可以參考下2014-11-11
javascript 觸發(fā)事件列表，整理的一些js的事件，一般常用的就是onclick,onmouseover等。大家可以了解下，方便以后應(yīng)用。2009-09-09
下面小編就為大家?guī)硪黄狫S 面向?qū)ο笾^承---多種組合繼承詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要介紹了Javascript 實現(xiàn)簡單計算器實例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
Javascript基礎(chǔ)教程之?dāng)?shù)據(jù)類型 （字符串 String）
javascript一共有9種數(shù)據(jù)類型，分別是字符串 String、數(shù)值型 Number、布爾型 Boolean、未定義 Undefine、空值 Null、對象 Object、引用Refernce、列表型 List、完成型 Completion，我們今天首先來看看（字符串 String）2015-01-01