DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript bold方法入門實例(把指定文字顯示為粗體)
JavaScript bold方法入門實例(把指定文字顯示為粗體)
編輯:JavaScript基礎知識     

JavaScript bold 方法

lastIndexOf 方法返回使用 HTML b 標簽定義的粗體字符串。其語法如下:

復制代碼 代碼如下:
str_object.bold()

提示:該方法不符合 ECMA 標准,不建議使用。

bold 方法實例

復制代碼 代碼如下:
<script language="JavaScript">

var str = "www.jb51.net";
document.write(str.bold());

</script>

運行該例子,輸出:

復制代碼 代碼如下:
www.jb51.net

提示:該方法返回使用 HTML b 標簽定義的粗體字符串,即使用該方法並不能動態的改變頁面元素的字體為粗體。如果想動態改變元素字體為粗體,可參考下面的實例:

延伸閱讀:改變頁面元素字體大小

復制代碼 代碼如下:
<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);">小號</a> <a onClick="changFont(18);">大號</a>
</p>
<p id="article">
我是一些文字 ...<br />
Some Text ...
</p>
</body>
</html>

在該例子中,通過 JavaScript 控制字體 CSS 樣式的方式,可讓顯示字體(id="article")在粗體、正常字體、小號字體與大號字體之間實時切換。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved