2008/10/29

屬性與事件

  1. 屬性ACCESSKEY, ALIGN, HSPACE, TABINDEX, TARGET, VSPACE, 顏色
  2. 事件ONBLUR, ONFOCUS

屬性

屬性說明
通用屬性

請參考通用屬性的說明


ACCESSKEY

設定元件對應鍵盤上的一個快速鍵,可利用快速鍵選取對應的元件。

Firefox 瀏覽器的快速鍵用法是 alt + shift + 'm'。Internet Explorer, Safari, chrome 三個瀏覽器,則可用 alt + 'm',也可用 alt + shift + 'm'。


ALIGN

指定元件與四周對齊的方法。可設為:

  • top:指定物件的頂部,要對齊現行的基準線。
  • middle:指定物件的垂直中央,要對齊現行的基準線。
  • bottom:此為 ALIGN 的內定值。指定物件的底部,要對齊現行的基準線。
  • left:物件向現行的左邊緣靠攏,後續的文字由物件的右邊通過。
  • right:物件向現行的右邊緣靠攏,後續的文字由物件的左邊通過。

HSPACE

用在 IMG, APPLET, OBJECT,指定前述元件的顯示區域外,左右兩邊的空白寬度。數值單位為像素。


TABINDEX

使用 TAB 鍵選取元件時,可用 TABINDEX 決定選取的順序。按 TAB 鍵時,向前選取;按 shift + TAB 時,向後選取。TABINDEX 可設定值 0 至 32767,數值小的先選取。設為負值時,該元件不能用 TAB 選取。


TARGET
指定框架(frame)名稱,將超連接網頁展現於其中。如果指定的框架名稱不存在,則網頁會展現在一個新的視窗中。也可設定為系統內定的名稱:
  1. _blank:開一個新的視窗,然後將連結的網頁,展現在新的視窗。
  2. _self:將連結的網頁,展現在當下的框架中。
  3. _parent:將連結的網頁,展現在父框架組(frameset)中。
  4. _top:將連結的網頁,展現在無框架的視窗中。

TYPE

內容的型態,又稱 MIME 媒體型態。例如 text/html, image/jpeg, audio/mpeg, text/css, text/javascript 等等。請參考 MIME 媒體型態


VSPACE

用在 IMG, APPLET, OBJECT,指定前述元件的顯示區域外,上下兩邊的空白寬度。數值單位為像素。


顏色

元件的屬性要設定顏色時,顏色的表示法有:
  1. 16 個顏色的英文名稱:
      Black(#000000)   Silver(#C0C0C0)
      Gray(#808080)   White(#FFFFFF)
      Maroon(#800000)   Red(#FF0000)
      Purple(#800080)   Fuchsia(#FF00FF)
      Green(#008000)   Lime(#00FF00)
      Olive(#808000)   Yellow(#FFFF00)
      Navy(#000080)   Blue(#0000FF)
      Teal(#008080)   Aqua(#00FFFF)
  2. 十六進位數值:數值 #RRGGBB,以 # 為前導,每一個顏色兩位數(00 - FF)。RR 代表紅色(red),GG 代表綠色(green),BB 代表藍色(blue)。

建議用風格表設定顏色。使用顏色時要考慮色盲的用戶。設定的顏色,在不同的螢幕,可能會有不同的效果。




事件

屬性說明
ONBLUR

當用戶點選其它元件,而本元件喪失注目的焦點,此時可用 onblur 啟動 javascript 程序。


ONFOCUS

當用戶點選本元件,而本元件得到焦點時,可用 onfocus 啟動 javascript 程序。。



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