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