之前开发都是老老实实的用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(\"你写的属性\") 就可以获取它的值了
这样的好处应该显而易见了。以后应该多应用这个。
本文地址:https://www.stayed.cn/item/5535
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我