JavaScript fontcolor方法入門實例(按照指定的顏色來顯示字符串)
JavaScript fontcolor 方法
fontcolor 方法返回使用 HTML font 標(biāo)簽中 color 屬性定義的帶有顏色的字符串。其語法如下:
str_object.fontcolor( color )
參數(shù)說明:
參數(shù) | 說明 |
---|---|
str_object | 要操作的字符串(對象) |
color | 必需。顏色名(red)、RGB 值(rgb(255,0,0))或者十六進(jìn)制數(shù)(#FF0000) |
提示:該方法不符合 ECMA 標(biāo)準(zhǔn),不建議使用。
fontcolor 方法實例
<script language="JavaScript">
var str = "www.dbjr.com.cn";
document.write( str.fontcolor("red") );
</script>
運行該例子,輸出:
www.dbjr.com.cn
提示:該方法返回使用 HTML color 標(biāo)簽定義的字符串,即使用該方法并不能動態(tài)的改變字體的顏色。如果想動態(tài)改變元素字體顏色,可參考下面的實例:
延伸閱讀:改變頁面元素字體顏色
<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');">藍(lán)色</a>
</p>
<p id="article">
我是一些文字 ...<br />
Some Text ...
</p>
</body>
</html>
在該例子中,通過 JavaScript 控制字體 CSS 樣式的方式,可動態(tài)改變字體(id="article")的顏色。
相關(guān)文章
javascript判斷回文數(shù)詳解及實現(xiàn)代碼
這篇文章主要介紹了javascript判斷回文數(shù)詳解及實現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02關(guān)于JS字符串函數(shù)String.replace()
本篇介紹關(guān)于JS字符串函數(shù)String.replace(),有需要的朋友參考一下。2013-04-040基礎(chǔ)學(xué)習(xí)前端開發(fā)的一些建議
這篇文章主要介紹了0基礎(chǔ)學(xué)習(xí)前端開發(fā)的一些建議,文中一些建議非常寶貴,希望能幫助想學(xué)前端的你,感興趣的朋友可以了解下2020-07-07