JavaScript sub方法入門實(shí)例(把字符串顯示為下標(biāo))
JavaScript sub 方法
sub 方法返回使用 HTML sub 標(biāo)簽屬性定義的下標(biāo)字符串。其語法如下:
str_object.sub()
提示:該方法不符合 ECMA 標(biāo)準(zhǔn),不建議使用。
sub 方法實(shí)例
<script language="JavaScript">
document.write( '腳本之家' + '每一點(diǎn)進(jìn)步,都是我們通往成功道路上的堅(jiān)實(shí)腳印'.sub() );
</script>
運(yùn)行該例子,輸出:
腳本之家每一點(diǎn)進(jìn)步,都是我們通往成功道路上的堅(jiān)實(shí)腳印
提示:該方法返回使用 HTML sub 標(biāo)簽定義的下標(biāo)字符串,即使用該方法并不能直接將字符串變更為下標(biāo)樣式。如果想動態(tài)改變元素字體為下標(biāo)樣式,可參考下面的實(shí)例:
改變字體文本上下對齊方式(上標(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">每一點(diǎn)進(jìn)步,都是我們通往成功道路上的堅(jiān)實(shí)腳印</span>
</p>
</body>
</html>
在該例子中,通過 JavaScript 控制文本 CSS vertical-align 樣式的方式,來動態(tài)改變字體文本的上下對齊方式(上標(biāo)/下標(biāo))。
- JsRender for object語法簡介
- JsRender for index循環(huán)索引用法詳解
- JavaScript sup方法入門實(shí)例(把字符串顯示為上標(biāo))
- JavaScript strike方法入門實(shí)例(給字符串加上刪除線)
- JavaScript link方法入門實(shí)例(給字符串加上超鏈接)
- JavaScript italics方法入門實(shí)例(把字符串顯示為斜體)
- JavaScript fontsize方法入門實(shí)例(按照指定的尺寸來顯示字符串)
- JavaScript fontcolor方法入門實(shí)例(按照指定的顏色來顯示字符串)
- JavaScript bold方法入門實(shí)例(把指定文字顯示為粗體)
- laytpl 精致巧妙的JavaScript模板引擎
- javascript輕量級模板引擎juicer使用指南
- ejs v9 javascript模板系統(tǒng)
- JsRender實(shí)用入門教程
相關(guān)文章
JavaScript字符串對象replace方法實(shí)例(用于字符串替換或正則替換)
這篇文章主要介紹了JavaScript字符串對象replace方法實(shí)例,replace方法用于字符串替換,同時(shí)支持正則表達(dá)式替換,需要的朋友可以參考下2014-10-10淺談關(guān)于JavaScript API設(shè)計(jì)的一些建議和準(zhǔn)則
這篇文章主要介紹了淺談關(guān)于JavaScript API設(shè)計(jì)的一些建議和準(zhǔn)則,文中列舉了許多知名的JS API進(jìn)行輔助說明,極力推薦!需要的朋友可以參考下2015-06-06JavaScript獲取tr td 的三種方式全面總結(jié)(推薦)
這篇文章主要介紹了JavaScript獲取tr td 的三種方式,具體操作步驟大家可查看下文詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08JS中創(chuàng)建函數(shù)的三種方式及區(qū)別
這篇文章主要介紹了js函數(shù)的多種定義方法與其區(qū)別,非常的詳細(xì),有需要的小伙伴可以參考下2016-03-03Javascript學(xué)習(xí)筆記之函數(shù)篇(五) : 構(gòu)造函數(shù)
javascript本身是沒有類的概念,只有函數(shù)的概念。javascript的類實(shí)際上也是一個(gè)javascript的函數(shù),在這個(gè)特殊的函數(shù)中間可以包含變量和其他javascript函數(shù)的引用。那么這個(gè)特殊的函數(shù)本身就是javascript所謂類的構(gòu)造函數(shù)。2014-11-11Ajax responseText解析json數(shù)據(jù)案例詳解
這篇文章主要介紹了Ajax responseText解析json數(shù)據(jù)案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08JavaScript中操作字符串之localeCompare()方法的使用
這篇文章主要介紹了JavaScript中操作字符串之localeCompare()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06