DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript fontcolor方法入門實例(按照指定的顏色來顯示字符串)
JavaScript fontcolor方法入門實例(按照指定的顏色來顯示字符串)
編輯:JavaScript基礎知識     

JavaScript fontcolor 方法

fontcolor 方法返回使用 HTML font 標簽中 color 屬性定義的帶有顏色的字符串。其語法如下:

復制代碼 代碼如下:
str_object.fontcolor( color )

參數說明:

參數 說明 str_object 要操作的字符串(對象) color 必需。顏色名(red)、RGB 值(rgb(255,0,0))或者十六進制數(#FF0000)

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

fontcolor 方法實例

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

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

</script>

運行該例子,輸出:

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

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

延伸閱讀:改變頁面元素字體顏色

復制代碼 代碼如下:
<html>

<script language="JavaScript">

function changFont( x ){
    var font_style = x;
    var article = document.getElementById("article");
    if( typeof font_style == "string" ){
        article.style.color = font_style;
    }
}

</script>

<body>
<p>
<a onClick="changFont('black');">黑色</a> <a onClick="changFont('red');">紅色</a>
<a onClick="changFont('blue');">藍色</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