JavaScript bold方法入門(mén)實(shí)例(把指定文字顯示為粗體)
JavaScript bold 方法
lastIndexOf 方法返回使用 HTML b 標(biāo)簽定義的粗體字符串。其語(yǔ)法如下:
str_object.bold()
提示:該方法不符合 ECMA 標(biāo)準(zhǔn),不建議使用。
bold 方法實(shí)例
<script language="JavaScript">
var str = "www.fzitv.net";
document.write(str.bold());
</script>
運(yùn)行該例子,輸出:
www.fzitv.net
提示:該方法返回使用 HTML b 標(biāo)簽定義的粗體字符串,即使用該方法并不能動(dòng)態(tài)的改變頁(yè)面元素的字體為粗體。如果想動(dòng)態(tài)改變?cè)刈煮w為粗體,可參考下面的實(shí)例:
延伸閱讀:改變頁(yè)面元素字體大小
<html>
<script language="JavaScript">
function changFont( x ){
var font_style = x;
var article = document.getElementById("article");
if( typeof font_style == "string" ){
article.style.fontWeight = font_style;
} else {
article.style.fontSize = font_style;
}
}
</script>
<body>
<p>
<a onClick="changFont('normal');">正常</a> <a onClick="changFont('bold');">粗體</a>
<a onClick="changFont(14);">小號(hào)</a> <a onClick="changFont(18);">大號(hào)</a>
</p>
<p id="article">
我是一些文字 ...<br />
Some Text ...
</p>
</body>
</html>
在該例子中,通過(guò) JavaScript 控制字體 CSS 樣式的方式,可讓顯示字體(id="article")在粗體、正常字體、小號(hào)字體與大號(hào)字體之間實(shí)時(shí)切換。
相關(guān)文章
JavaScript基礎(chǔ)知識(shí)之?dāng)?shù)據(jù)類(lèi)型
JavaScript中有5種簡(jiǎn)單數(shù)據(jù)類(lèi)型(也稱(chēng)為基本數(shù)據(jù)類(lèi)型):Undefined、Null、Boolean、Number和String。還有1種復(fù)雜數(shù)據(jù)類(lèi)型——Object,Object本質(zhì)上是由一組無(wú)序的名值對(duì)組成的2012-08-08
Javascript排序算法之合并排序(歸并排序)的2個(gè)例子
這篇文章主要介紹了Javascript排序算法之合并排序(歸并排序)的2個(gè)例子,需要的朋友可以參考下2014-04-04
JavaScript中的prototype原型學(xué)習(xí)指南
這篇文章主要介紹了JavaScript中的prototype原型學(xué)習(xí)指南,包括原型鏈與原型繼承等重要知識(shí),需要的朋友可以參考下2016-05-05
JavaScript學(xué)習(xí)筆記整理_關(guān)于表達(dá)式和語(yǔ)句
下面小編就為大家?guī)?lái)一篇JavaScript學(xué)習(xí)筆記整理_關(guān)于表達(dá)式和語(yǔ)句。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
javascript模塊化是什么及其優(yōu)缺點(diǎn)介紹
模塊化是一種將系統(tǒng)分離成獨(dú)立功能部分的方法,可將系統(tǒng)分割成獨(dú)立的功能部分,嚴(yán)格定義模塊接口、模塊間具有透明性2013-09-09
javaScript arguments 對(duì)象使用介紹
函數(shù)體內(nèi)可以通過(guò) arguments 對(duì)象來(lái)接收傳遞進(jìn)來(lái)的參數(shù),下面有個(gè)不錯(cuò)的示例,大家可以感受下2013-10-10

