例:寫一段圖片HTML代碼
<img src="http://localhost/phpwind6/zx/6.jpg" id="imgs" lang="en-us" alt="測試">
該標簽為img的代碼中已可以看出已含有了四個屬性,包括src id lang alt,加上本身的img標簽有5個屬性.
那麼該img標簽在正常的情況下倒底還含有多個屬性?(包含對象),我現在為大家一一列出來(以上面那句代碼為例,並附上它的所有值),所有在IE環境下有效可用的對象屬性都在下面.學習HTML的朋友可以借鑒學習,也可以拿去嚇人,
以下通過測試的IMG的全屬性為156個,不包括子屬性,而且還只是這一個img標簽的....雖然有些看起來用在IMG標簽上不太合理,但確實是有效使用,IE中無錯且有返回值.關鍵在於看你怎麼用了,除了有些不常用的屬性不太清楚以外,以下全是手工輸的,花了4個小時,對你有用沒用就看你怎麼想了.不過如果你了解了以下的說明後網頁的美化和代碼的理解就可以掃盲和DIY了
以下的img可用的屬性如果你只用過10個不到,那就只能說明你菜.......
1 language = //語言類型,如<script language="vbs">這句代碼中的language屬性的值就為vbs
2 scrollHeight = 30 //自身元素的寬度(即顯示的寬度)
3 isTextEdit = false //是否可以獲取可使用該對象創建一個TextRange的對象
4 currentStyle = 該屬性含有114個對象 //返回當前屬性的值,不可更改它的值
5 document = 該屬性含有209個對象 //這個就不用說了吧,是文檔屬性,
6 onmouseup = null //鼠標按下後松開鼠標時觸發此事件
7 oncontextmenu = null //鼠標點右鍵後觸發的事件
8 isMultiLine = true //是否允許含有多行文本,多用於文本框,用在img標簽上無錯,但效果不大
9 clientHeight = 30 //當前可見的該標簽的高度為30,
10 onrowexit = null //數據源控件更改這個標簽內的當前的行時觸發某事件,多用在form表中
11 onbeforepaste = null //當在這個標簽中粘貼內容時觸發某事件,多用在文本框中
12 onactivate = null //當這個控件被觸發時(被點擊或者焦點移到了該標簽上)發生某事件,
13 scrollLeft = 0 //被卷入的離左邊界的寬度
14 lang = en-us //語言屬性,和language不同,這個等同於網頁語言
15 onmousemove = null //當鼠標在該標簽上移動時發生某事件
16 onmove = null //浏覽器的窗口被移動時觸發此事件
17 onselectstart = null //當這個標簽中的文本被選擇時發生某事件
18 parentTextEdit = 該屬性含有352個對象 //又一個華麗的屬性....用在框架中,作用詳見第3條
19 oncontrolselect = null //當用戶將要對該對象制作一個控件選中區時觸發某事件
20 canHaveHTML = false //獲取表明對象是否可以包含豐富的 HTML 標簽的值,效果不明
21 onkeypress = null //當鍵盤上的被按下時發生某事件,
22 oncut = null //當該標簽中發生剪切事件時觸發某事件,常用於文本檔標簽,I
23 onrowenter = null // 當前記錄指針被移動時發生某事件,常用於文本檔,
24 onmousedown = null //按下鼠標時觸發某事件
25 onpaste = null //當在該標簽中發生粘貼事件時觸發某事件
26 className = //當前標簽的樣式名稱,這個屬性常和CSS混用,比如PW的貼子目錄頁就用了這個
27 id = imgs //該標簽的ID值是多少
28 onreadystatechange = null //在同步執行方式下返回的值為多少,該死的XML就和這個經常私混
29 onbeforedeactivate = null //當前對象變為其它對象之前立即觸發,好像不常用
30 hideFocus = false //是否隱藏光標,常見於文本框
31 dir = //它定義文字在浏覽器中的排列方向,如dir= LTR則為從左到右顯示反之則為 RTL,郁悶的特效
32 isContentEditable = false //該標簽無素是否可編輯,經常見於某個論壇的發貼"所見即所得"
33 onkeydown = null //當鍵盤某鍵被按下時
34 clientWidth = 30 //在IE中可見的高度為多少
35 onlosecapture = null //當對象失去鼠標捕捉時觸發某事件
36 parentElement = 該屬性含有495個對象 //又來一個華麗的框架獲取父頁元素的對象...
37 ondrag = null //這個標簽被拖動結束時發生某事件
38 ondragstart = null //這個標簽被拖動開始時發生某事件
39 oncellchange = null // 在數據供應者中的數據變更時觸發,XML可用這個玩意,我還沒用過
40 recordNumber = null //獲取數據集中生成對象的原始記錄,同上,XML可用
41 onfilterchange = null //當該標簽中的filter特效被改變時觸發某事件
42 onrowsinserted = null //當在當前記錄集中插入新行後觸發某事件
43 ondatasetcomplete = null //數據設置完成時觸發某事件,常用於控件當中,這個屬性我也沒用過
44 onmousewheel = null //這個就是傳說中的可以用鼠標滾動來觸發某個事件...
45 ondragenter = null //當鼠標拖動到這個標簽中時觸發某事件,沒用過,不知道有沒效
46 onblur = null //當這個標簽失去焦點時發生某事件,常見於文本框
47 onresizeend = null //當用戶更改完控件選中區中對象的尺寸時觸發某事件
48 onerrorupdate = null //更新數據源對象中的關聯數據出錯時在數據綁定對象上觸發某事件,XML...
49 onbeforecopy = null //在復制前觸發某事件
50 ondblclick = null //鼠標雙擊時觸發某事件
51 scopeName = HTML //該元素定義的命名空間類型,不常用,反正我沒用過
52 onkeyup = null //當鍵按下之後被釋放時觸發某事件
53 onresizestart = null //被開始改變其窗口大小時觸發某事件
54 onmouseover = null //當鼠標從該標簽上移出去觸發某事件
55 onmouseleave = null //當用戶將鼠標指針移出這個標簽邊界時觸發某事件
56 outerText = //用來獲取該標簽中的純文本,包含起始處
57 innerText = //同上,但不包含起始處
58 onmoveend = null //當前窗口被移動完成時觸發某事件
59 tagName = IMG //這個標簽的名稱是某值,如該值,即IMG
60 title = //主題說明,這個不說了,大家都用過
61 offsetWidth = 30 //可見的區域的高,與clientWidth不同,它還包含邊線
62 onresize = null //當窗口被改變大小時觸發某事件
63 contentEditable = inherit //該標簽是否可直接編輯,不為FALSE,能為true,inherit是默認值,繼承原設定
64 runtimeStyle = 該屬性含有627個對象 //返回該標簽的樣式(總為空),和style與currentStyle有區別,
65 filters = 該屬性含有628個對象 //這個比較郁悶,沒用過
66 ondrop = null //拖動時發生某事件
67 onpage = null //常用於XML的在線編輯,偶沒用過,不知道具體例子
68 onrowsdelete = null //當行將要從記錄集中被刪除時觸發某事件
69 tagUrn = //設置或獲取在命名空間聲明中指定的統一資源名稱,沒用過,應屬於稀有屬性了
70 offsetLeft = 10 //離左邊相對窗口的寬值,常用於浮動的圖或層顯示
71 clientTop = 0 //距上邊相對可見的窗口的高度為多少.這個倒沒常用,凡正浮動特效不必靠它
72 style = 該屬性含有760個對象 //該標簽的風格屬性,這個大家都用得多了
73 onfocusout = null //在移動焦點到其它元素之後立即在當前擁有焦點的元素上觸發某事件,..
74 clientLeft = 0 //同71,只是值為距左邊的值
75 ondatasetchanged = null //記錄集中的數據修改完畢時觸發某事件,XML中常見
76 canHaveChildren = false //該標簽是否可以包含子對象
77 ondeactivate = null //用戶切換到另一元素時觸發,可見於網頁編輯器的保存功能,
78 isDisabled = false //是否可與該標簽交互,常見於華麗的選項特效
79 onpropertychange = null //當這標簽屬性被改變時發生某事件,這個巨有用,可用來作JS的安全檢查
80 ondragover = null //拖動移動該標簽時發生某事件,感覺用JS寫撲克牌游戲時經常用
81 onhelp = null //當被按下F1或幫助按鈕時發生某事件,這個可以用來自定義幫助信息,比如用在PW上
82 ondragend = null //在拖動結束的時候,在源對象上出發某事件,這個還是感覺用來寫撲克牌的....
83 onbeforeeditfocus = null //在該標簽被選中編輯前觸發某事件,在線編輯,,,貌視不常用
84 disabled = false //該標簽的內容是否為禁止編輯,常見於文本框
85 onfocus = null //當該標簽獲得焦點時觸發某事件,常用於PW的百度廣告點擊插件..汗...
86 behaviorUrns = 該屬性含有762個對象 //附加到該元素行為的URN字符串的集合,這個沒用過.....
87 accessKey = //服務器控件指定鍵盤快捷鍵,比較好的JS網頁游戲這個經常用,汗死......
88 onscroll = null //滾動條被拉動時發生某事件
89 onbeforeactivate = null //控件被觸發前發生某事件,按鈕之類的常用
90 onbeforecut = null //在內容被剪切前發生某事件
91 readyState = uninitialized //是否為只讀屬性,常用於該死的XMLHTTP
92 all = 該屬性含有763個對象 //all這玩意JS裡面常用,是屬性全局屬性
93 sourceIndex = 4 //獲取對象在源序中的依次位置,常用在all集合中,是個很爽的屬性
94 onclick = null //當被當擊時發生某事件
95 scrollTop = 0 //被卷上去的高值為多少
96 oncopy = null //當被復制時發生某事件
97 onfocusin = null //當將要被設置為焦點之前觸發某事件
98 tabIndex = 0 //使用"Tab"鍵的遍歷順序,後面的數字就是順序,從0到大的順序,很爽的一個娛樂類屬性
99 onbeforeupdate = null //成功更新數據源對象中的關聯對象前觸發某事件,XMLHTTP中用
100 outerHTML = //這個就是當前標簽(包含標簽)的全部內容是什麼,返回HTML代碼,JS常用的玩意
101 innerHTML = //同上,但不包含標簽,即不包含<和>兩個符號之間的內容
102 ondataavailable = null //只要一獲得有效的數據就會被觸發某事件,XMLHTTP.....
103 offsetHeight = 30 //可見區域高,包含邊框
104 onmovestart = null //當本標簽開始移動時觸發某事件
105 onmouseout = null //當鼠標移出該標簽時觸發某事件
106 scrollWidth = 30 //全標簽的寬值
107 offsetTop = 15 //在可見區域中離頂部的高
108 onmouseenter = null //鼠標移入時發生某事件
109 onlayoutcomplete = null //LayoutRect 停止響應後觸發某事件
110 offsetParent = //該屬性含有906個對象 //指定父座標的屬性,...華麗的代碼堆.....
111 onafterupdate = null //當成功更新數據源對象中的關聯對象後發生某事件
112 ondragleave = null //當拖曳操作過程中將鼠標移出合法拖曳目標時在該標簽上觸發某事件
113 children = //該屬性含有907個對象 //又是一個數組屬性堆....
114 start = fileopen //一個比較牛B的屬性,可以定義當某事件發生時再執行該標簽內容,常見於多媒體
115 firstChild = null //指定節點的首個子節點的值是什麼,XML DOM中用....偶沒用過....
116 href = http ://localhost/phpwind6/zx/6. jpg //標簽中的鏈接地址
117 height = 30 //高度值
118 alt = 測試 //圖片說明
119 isMap = false //是否為熱點圖片,就是一個圖片上可以有N個鏈接的那種
120 fileModifiedDate = 04/16/2008 //文件修改日期是多少,在圖片上點個右鍵就可以看到的
121 fileUpdatedDate = 02/13/2008 //同上,但是為最後的更新日期,貌視2個大多數情況下都一樣
122 dataSrc = //指定綁定到指定對象的給定數據源的字段,看XML去.....
123 onerror = null //標簽中的內容被加載錯誤時觸發某事件
124 hspace = 0 //設置或返回圖像的左邊緣和右邊緣的空白,配合JS又將是一個華麗的圖片特效....
125 previousSibling = null //某節點之前緊跟的節點(處於同一樹層級) ,又是XML.....
126 loop = 1 //媒體文件的開啟次數,這個常見吧?沒想到還能用在IMG標簽.....
127 protocol = 超文本傳輸協議 //協議類型
128 lastChild = null //返回指定節點中的最後一個子節點,還是XML.....
129 nodeName = IMG //傳回該標簽的名稱,..為只讀屬性....這就是和TagName的區別....
130 nodeType = 1 //返回已選節點的節點類型。仍是XML
131 dynsrc = //你想給音樂加載前加上圖片嗎?那就用這個屬性吧....
132 attributes = 該屬性含有1008個對象 //返回文件或文件夾的屬性.....用來檢測用的....
133 childNodes = 該屬性含有1009個對象 //可返回指定節點的子節點的節點列表,又一個XML數組
134 src = http ://localhost/phpwind6/zx/6. jpg //圖像標簽的圖片地址
135 dataFld = //XML是靠這玩意來設定要描述元素的命稱的
136 ownerDocument = 該屬性含有1104個對象 //返回節點的根元素(文檔對象)。我沒用過,火星了.....
137 parentNode = 該屬性含有1247個對象 //回指定節點的父節點的屬性值,XML....
138 onabort = null //當被取消時發生某事件
139 fileSize = 782 //用這玩意來檢測文件大小,單位 字節
140 dataFormatAs = //可以為HTML或TEXT,貌視是用來格式化標簽數據的
141 width = 30 //高度值,汗...這個常用屬性被排後面來了
142 vrml = //想要了解這個屬性,先去學學vrml語言,反正我不想學...
143 onload = null //當被完全載入完畢時發生某事件
144 align = //水平對齊的屬性,這個比較常用,比如居中就是align=center
145 useMap = //指明所使用的圖像地圖名,IMG標簽專用,汗....
146 lowsrc = //可設置或返回分辨率比較低的圖片地址,知道什麼是縮略圖吧.....
147 fileCreatedDate = 04/16/2008 //文件的創建日期,IMG標簽倒是常用
148 complete = false //可以檢查圖象是否加載完成,這個爽,用來仿FLASH的加載過程很爽
149 nextSibling = 該屬性含有1260個對象 //文件子節點列表中傳回下一個序列的節點,不說了,又是XML
150 vspace = 0 //設置或返回圖像的頂部和底部的空白,經常和hspace一起鬼混
151 mimeType = JPEG 圖像 //返回圖像類型
152 nodeValue = null //傳回的文字代表以節點的nodeType,常用在XML中
153 nameProp = 6.jpg //獲取由對象的 href 或 src 屬性指定的文件名,用來判斷地址的合法性很有用
154 border = //邊框值的大小,你經常看到圖像周圍都有一個難看的框框?把border=0加在標簽中就行了
155 longDesc = //這個是用來補ALT屬性的不足的,可以用那種大段大段的文字來充當圖片說明
156 name = //和ID差不多,常用在FORM表中
完畢.