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

Docker-Grundlagen

Vorwort: Docker ist eine Open-Source-Anwendungsco...

Optimierungsanalyse der Limit-Abfrage in MySQL-Optimierungstechniken

Vorwort Im realen Geschäftsleben ist Paging eine ...

JavaScript-Ereigniserfassungs-Blubbern und Erfassungsdetails

Inhaltsverzeichnis 1. Ereignisablauf 1. Konzept 2...

CSS implementiert den Texteingabefeldstil von Google Material Design (empfohlen)

Hallo zusammen, heute möchte ich Ihnen zeigen, wi...

Zusammenfassung der MySQL-Fremdschlüsseleinschränkungen und Tabellenbeziehungen

Inhaltsverzeichnis Fremdschlüssel So ermitteln Si...

Vier Modi zum Öffnen und Schließen von Oracle

>1 Starten Sie die Datenbank Geben Sie im cmd-...

Detaillierte Erklärung des Integer-Datentyps tinyint in MySQL

Inhaltsverzeichnis 1.1Tinyint-Typbeschreibung 1.2...

Zusammenfassung der Docker-Datenspeicherung

Bevor Sie diesen Artikel lesen, hoffe ich, dass S...

HTML css js implementiert Tab-Seite Beispielcode

Code kopieren Der Code lautet wie folgt: <html...

4 Möglichkeiten, sich schnell Linux-Befehle selbst beizubringen

Wenn Sie ein Linux-Meister werden möchten, ist di...

Unterschiede zwischen Windows Server 2008R2, 2012, 2016 und 2019

Inhaltsverzeichnis Allgemeine Versionseinführung ...

Verschachtelte Verwendungsoperation für MySQL-Aggregatfunktionen

Zweck: Verschachtelte Verwendung von MySQL-Aggreg...