HTML タグのカスタム属性に関する質問

以前の開発では、クラス、名前などの HTML のデフォルト属性を使用していました。 Huawei社のアウトソーシング会社に転職し、オープンソースフレームワークを使ったショッピングモールシステムを開発しました。コーディング中に、次のような状況に遭遇しました。タグ内にカスタムタグが多数存在します。

コードをコピー

コードは次のとおりです。

<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(これ);'
onload="DrawImage(this,174,116)"/>

いくつかの点をまとめます。

1. HTML JS には影響はありません。複数の属性を記述できます。

2. 定義された属性の名前が元のデフォルト属性と同じでないことを確認します。

3. ブラウザはこのカスタム属性を解析しません

4. JS は xxx.getAttribute("あなたが書いた属性") を通じて値を取得できます。

この利点は明らかです。将来的にはこれをもっと頻繁に使用する必要があります。

<<: Tomcat マルチレイヤーコンテナの設計に関する簡単な説明

>>: MySql バッチに挿入するときにデータの重複を避ける方法