2008/10/28

通用屬性

通用屬性是每個元件都可以用到的,但有少數例外,例如 APPLET 元件只用到核心屬性。通用屬性分成三類:
  1. 核心屬性IDCLASSSTYLETITLE
  2. 國際化語言屬性DIRLANG
  3. 啟動程序的事件ONCLICKONDBLCLICK, ONMOUSEDOWNONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWNONKEYUP

此外還有其它屬性與事件

核心屬性:ID,CLASS,STYLE,TITLE。

屬性說明
ID

ID 為元件在文件中的識別名。同一文件的元件,其名稱不可相同。ID 的第一個字必須是 A-Z 或 a-z。第二個字與其後的字可是字母 (A-Za-z), 數字 (0-9), 連字號 『 - 』, 底線 『 _ 』, 冒號『 : 』, 及逗點 『 . 』。大小寫字母是不同。ID 有多種用途:

(一)用在宣告風格表(style sheet)作為選擇元。 (二)用在網頁中設定超連結的錨。 (三)配合 javascript 使用。可利用 javascript 的方法 getElementById() 取得元件的指標,然後可以讀取或修改元件。
CLASS

將元件性質相似的元件,宣告相同的類別(CLASS)。可將類別作為風格表的選擇元,宣告多個屬性的值,例如顏色,背景,字型等等;如此同一類的元件,展現的方式相同。ID 與 CLASS 都能用在風格表;但在同一個文件中,一個 ID 名稱只能用在一個元件。可用 getElementsByTagName() 擷取。

CLASS 屬性中可以放多個風格表的類別。類別間用空白分開。

STYLE

可在元件中宣告風格表。


TITLE

可存放元件的說明文字。



國際化語言屬性:DIR,LANG。

屬性說明
DIR

改變文字預設的展現方向。有兩種值可以選擇:
  1. ltr:文字由左至右展現。
  2. rtl:文字由右至左展現。
獨角碼(Unicode)也可以用來改變文字的方向:
  1. ‮ 文字由右至左展現。
  2. ‭ 文字由左至右展現。
  3. ‬ 停止改變文字方向,以預設方向展現文字。

LANG

用來宣告元件內容所用的自然語言。此元件用到的語言碼請參考:RFC1766 語言識別標籤。語言碼有一個主碼,必要時後接一個子碼。例如 zh 為中文,zh-TW 為台灣中文。



啟動程序的事件:

包括 ONCLICK,ONDBLCLICK, ONMOUSEDOWN,ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN,ONKEYUP 事件。不同的瀏覽器還會包括一些特別的程序啟動事件。這些外界事件可以啟動 javascript 程序。

屬性說明
ONCLICK

用滑鼠左鍵點擊時,會啟動程序。


ONDBLCLICK

用滑鼠左鍵 雙 點擊時,會啟動程序。


ONMOUSEDOWN

當滑鼠左鍵按下時,會啟動程序。


ONMOUSEUP

當滑鼠左鍵按下後,又放開時,會啟動程序。


ONMOUSEOVER

當滑鼠游標進入後,會啟動程序。


ONMOUSEMOVE

當滑鼠游標進入後,又移動時,會啟動程序。


ONMOUSEOUT

當滑鼠游標進入後,又離開時,會啟動程序。


ONKEYPRESS

按下後,又放開時,會啟動程序。


ONKEYDOWN

當鍵盤按下後,會啟動程序。


ONKEYUP

當鍵盤按下後,又放開時,會啟動程序。



©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。