之前開發都是老老實實的用html默認的屬性,如class,name等。跳槽到了華為的外包,做一個商城的系統,用開源框架做的。在編碼的時候遇到了以下的情況,在標簽裡面有很多自定義標簽。
復制代碼代碼如下:
<img msrc="<s:property value='#product.images'/>_m"
src="<s:property value='#product.images'/>_s" style="-ms-interpolation-mode:bicubic;cursor:pointer;"
onclick="queryProductDetail(this);"
infoType="<s:property value='#product.unitType'/>"
id="<s:property value='#product.unitID'/>"
moduleId="<s:property value='#product.unitID'/>"
chsDesc="<s:property value="#product.chsSimpleDesc"/>"
engDesc="<s:property value="#product.engSimpleDesc"/>"
chsName="<s:property value="#product.chsName"/>"
engName="<s:property value="#product.engName"/>"
onerror='checkImageFile(this);'
onload="DrawImage(this,174,116)"/>
總結了幾點:
1、對HTML JS沒有影響。可以寫n多個屬性。
2、只要定義的屬性名別跟原有默認屬性同名就行。
3、這種自定義的屬性,浏覽器不會去解析
4、JS通過 xxx.getAttribute("你寫的屬性") 就可以獲取它的值了
這樣的好處應該顯而易見了。以後應該多應用這個。