Frage zu benutzerdefinierten Attributen von HTML-Tags

Frage zu benutzerdefinierten Attributen von HTML-Tags

In der vorherigen Entwicklung haben wir die Standardattribute von HTML wie Klasse, Name usw. verwendet. Ich wechselte zum Outsourcing-Unternehmen von Huawei und entwickelte ein Shopping-Mall-System mit einem Open-Source-Framework. Beim Codieren bin ich auf die folgende Situation gestoßen: Das Tag enthält viele benutzerdefinierte Tags.

Code kopieren
Der Code lautet wie folgt:

<img msrc="<s:property value='#product.images'/>_m"
src="<s:property value='#product.images'/>_s" style="-ms-interpolation-mode:bicubic; cursor:pointer;"
beim Klicken = "queryProductDetail(this);"
infoType="<s:Eigenschaftswert='#product.unitType'/>"
Ich würde = "<s:Eigenschaftswert = '#product.unitID'/>"
Modul-ID = "<s:Eigenschaftswert='#product.unitID'/>"
chsDesc="<s:Eigenschaftswert="#product.chsSimpleDesc"/>"
engDesc="<s:Eigenschaftswert="#product.engSimpleDesc"/>"
chsName="<s:Eigenschaftswert="#produkt.chsName"/>"
engName="<s:Eigenschaftswert="#product.engName"/>"
bei Fehler = 'checkImageFile(this);'
onload="Bild zeichnen(dieses,174,116)"/>

Fassen Sie einige Punkte zusammen:

1. Keine Auswirkungen auf HTML JS. Sie können mehrere Attribute schreiben.

2. Stellen Sie einfach sicher, dass der Name des definierten Attributs nicht mit dem ursprünglichen Standardattribut identisch ist.

3. Der Browser analysiert dieses benutzerdefinierte Attribut nicht

4. JS kann seinen Wert über xxx.getAttribute("das von Ihnen geschriebene Attribut") abrufen

Die Vorteile hiervon liegen auf der Hand. Dies soll künftig häufiger zum Einsatz kommen.

<<:  So vermeiden Sie die Duplizierung von Daten beim Einfügen in einen MySql-Batch

>>:  CSS3-Eigenschaft line-clamp steuert die Verwendung von Textzeilen

Artikel empfehlen

So bedienen Sie das Kontrollkästchen auf einer HTML-Seite

Kontrollkästchen sind auf Webseiten sehr verbreit...

Mehrere Möglichkeiten zum Verbinden von Tabellen in MySQL

Die Verbindungsmethode in der MySQL-Tabelle ist e...

Vue-Direktiven v-html und v-text

Inhaltsverzeichnis 1. Anweisungen zum Rendern von...

Probleme und Lösungen bei der Installation von Docker in der Alibaba Cloud

Frage Bei der Installation von Docker mithilfe de...

Lösung für das img-Tag-Problem unter IE10

Finden Sie das Problem Ich habe vorher eine einfa...

Allgemeiner Hinweis zum MySQL-Ereignisplaner (unbedingt lesen)

Überblick MySQL verfügt auch über einen eigenen E...

Detaillierte Erklärung zur Verwendung von Filtereigenschaften in CSS3

Als ich kürzlich das Intranet-Portal änderte, sti...

JavaScript zum Erzielen eines Digitaluhreffekts

In diesem Artikelbeispiel wird der spezifische Ja...

Tutorial zur Installation der entpackten Version von mysql5.7 auf CentOS 7

1. Entpacken Sie das komprimierte MySQL-Paket in ...

JS + Canvas realisiert dynamischen Uhreffekt

Eine auf Canvas basierende Demo einer dynamischen...