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

Grafisches Tutorial zur Installation von MySQL 5.5.27

1. Installation von MySQL 1. Öffnen Sie die herun...

Detaillierte Installationsanleitung für das Cloud-Server-Pagoda-Panel

Inhaltsverzeichnis 0x01. Installieren Sie das Pag...

Implementierung der Nginx-Flusskontrolle und Zugriffskontrolle

Nginx-Verkehrskontrolle Die Ratenbegrenzung ist e...

JavaScript entfernt unnötige Eigenschaften eines Objekts

Inhaltsverzeichnis Beispiel Methode 1: Löschen Me...

Implementierungscode für den MySQL-Protokolltrigger

SQL-Anweisung DROP-TRIGGER WENN EXISTIERT sys_men...

Verstehen Sie die Grundlagen von Navicat für MySQL in einem Artikel

Inhaltsverzeichnis 1. Datenbankbetrieb 2. Datenty...

JS removeAttribute()-Methode zum Löschen eines Attributs eines Elements

Verwenden Sie in JavaScript die Methode removeAtt...

Kontext und Eigenschaften von React erklärt

Inhaltsverzeichnis 1. Kontext 1. Anwendungsszenar...