JavaScript sup方法入門實例(把字符串顯示為上標(biāo))
sup 方法返回使用 HTML sup 標(biāo)簽屬性定義的上標(biāo)字符串。其語法如下:
str_object.sup()
提示:該方法不符合 ECMA 標(biāo)準(zhǔn),不建議使用。
sup 方法實例:
<script language="JavaScript">
document.write( '腳本之家' + '每一點進(jìn)步,都是我們通往成功道路上的堅實腳印'.sup() );
</script>
運(yùn)行該例子,輸出:
腳本之家每一點進(jìn)步,都是我們通往成功道路上的堅實腳印
提示:該方法返回使用 HTML sup 標(biāo)簽定義的上標(biāo)字符串,即使用該方法并不能直接將字符串變更為上標(biāo)樣式。如果想動態(tài)改變元素字體為上標(biāo)樣式,可參考下面的實例:
改變字體文本上下對齊方式(上標(biāo)/下標(biāo))
<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">每一點進(jìn)步,都是我們通往成功道路上的堅實腳印</span>
</p>
</body>
</html>
在該例子中,通過 JavaScript 控制文本 CSS vertical-align 樣式的方式,來動態(tài)改變字體文本的上下對齊方式(上標(biāo)/下標(biāo))。
- JsRender for object語法簡介
- JsRender for index循環(huán)索引用法詳解
- JavaScript sub方法入門實例(把字符串顯示為下標(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)文章
JavaScript中require和import的區(qū)別詳解
本文詳細(xì)講解了JS中require和import的區(qū)別,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-06-06
Javascript核心讀書有感之表達(dá)式和運(yùn)算符
這篇文章主要介紹了Javascript核心讀書有感之表達(dá)式和運(yùn)算符,十分詳細(xì),需要的朋友可以參考下2015-02-02
JavaScript中__proto__與prototype的關(guān)系深入理解
本文將討論下對象的內(nèi)部原型(__proto__)和構(gòu)造器的原型(prototype)的關(guān)系,需要了解更多的朋友可以參考下2012-12-12
在JavaScript中操作數(shù)組之map()方法的使用
這篇文章主要介紹了在JavaScript中操作數(shù)組之map()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
淺析javascript中function 的 length 屬性
length 屬性可返回字符串中的字符數(shù)目。而function中l(wèi)ength獲取為一個函數(shù)定義的參數(shù)數(shù)目。2014-05-05
Javascript全局變量var與不var的區(qū)別深入解析
這篇文章主要介紹了Javascript全局變量var與不var的區(qū)別。需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12

