DIV CSS 佈局教程網

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

JavaScript fontsize 方法

fontsize 方法返回使用 HTML font 標簽中 size 屬性定義字體大小的字符串。其語法如下:

復制代碼 代碼如下:
str_object.fontsize( size )

參數說明:

參數 說明 str_object 要操作的字符串(對象) size 必需。1 到 7 的數字,數字越大字體越大,字體大小對比如下:
1:10px
2:14px
3:16px
4:18px
5:24px
6:32px
7:48px

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

fontsize 方法實例

<script language="JavaScript">

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

</script>

運行該例子,輸出:

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

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

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

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

<script language="JavaScript">

function changFont( x ){
    document.getElementById("article").style.fontSize = x;
}

</script>

<body>
<p>
<a onClick="changFont(14);">正常</a> <a onClick="changFont(20);">大號</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