html标签自定义属性的有关问题

html标签自定义属性的问题

  之前开发都是老老实实的用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("你写的属性") 就可以获取它的值了

这样的好处应该显而易见了。以后应该多应用这个。