JavaScript sup方法入門實例（把字符串顯示為上標）

更新時間：2014年10月20日 09:08:59 投稿：junjie

這篇文章主要介紹了JavaScript sup方法入門實例,sup方法用于把字符串顯示為上標,需要的朋友可以參考下

sup 方法返回使用 HTML sup 標簽屬性定義的上標字符串。其語法如下：

復制代碼代碼如下:

str_object.sup()

提示：該方法不符合 ECMA 標準，不建議使用。

sup 方法實例:

復制代碼代碼如下:

<script language="JavaScript">

document.write( '腳本之家' + '每一點進步，都是我們通往成功道路上的堅實腳印'.sup() );

</script>

運行該例子，輸出：

復制代碼代碼如下:

腳本之家每一點進步，都是我們通往成功道路上的堅實腳印

提示：該方法返回使用 HTML sup 標簽定義的上標字符串，即使用該方法并不能直接將字符串變更為上標樣式。如果想動態(tài)改變元素字體為上標樣式，可參考下面的實例：

改變字體文本上下對齊方式（上標/下標）

復制代碼代碼如下:

<html>

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 樣式的方式，來動態(tài)改變字體文本的上下對齊方式（上標/下標）。

您可能感興趣的文章:

js變量、作用域及內存詳解
本文主要詳細分析了JS變量，作用域以及內存問題，同時附上非常多的實例，方便大家理解這3個概念，是篇不可多得的文章，希望對大家有所幫助
2014-09-09
JavaScript靜態(tài)類型檢查工具FLOW簡介
這篇文章主要介紹了JavaScript靜態(tài)類型檢查工具FLOW簡介,需要的朋友可以參考下
2015-01-01
詳解JavaScript中循環(huán)控制語句的用法
這篇文章主要介紹了詳解JavaScript中循環(huán)控制語句的用法,包括break語句和continue語句的使用方法,需要的朋友可以參考下
2015-06-06
使圖片旋轉的3種解決方案
這篇文章主要介紹了使圖片旋轉的3種解決方案,并了幾個方法的對比，大家參考看一下吧
2013-11-11
javascript三種代碼注釋方法
本文主要介紹javascript中三種常見的代碼注釋的方法，希望能夠幫到大家。
2016-06-06
簡介JavaScript中getUTCMonth()方法的使用
這篇文章主要介紹了簡介JavaScript中getUTCMonth()方法的使用,是JS入門學習中的基礎知識,需要的朋友可以參考下
2015-06-06
走出JavaScript初學困境—js初學
利用空閑幾天把《JavaScript權威指南》安靜的讀了一篇。真是一本好書呀！呵呵，這句話見的太多了。好在什么地方呢？聽我慢慢道來。
2008-12-12
window.open參數詳解附實例
一般我們在開發(fā)過程中通過window.open打開新窗口，但現在瀏覽器與殺毒都防止了這個函數彈出頁面，一般我們將頁面設置信任才可以使用，不過我們在后臺開發(fā)過程中仍然通過這個方法打開頁面，這里簡單介紹下使用方法與常用參數
2013-06-06
JS 全屏和退出全屏詳解及實例代碼
退出全屏效果與全屏效果我們可能在看視頻網站時看到多,這里來為各位介紹利用js全屏和退出全屏代碼范例吧，,需要的朋友可以參考下
2016-11-11
淺談JavaScript實現面向對象中的類
這篇文章主要簡單介紹了JavaScript實現面向對象中的類的相關概念，并給出了示例，這類推薦給大家，希望對大家能有所幫助
2014-12-12