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

前端技术 2023/09/02 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(\"你写的属性\") 就可以获取它的值了

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

本文地址:https://www.stayed.cn/item/5535

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。