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
Vue+Element+Springboot zum Implementieren eines Beispiels für die Anzeigefunktion des Fortschrittsbalkens beim Dateidownload
Inhaltsverzeichnis 1. Nachfragehintergrund 2. Opt...
Implementierungscode für die bidirektionale Kommunikation zwischen Node und Python
Inhaltsverzeichnis Prozesskommunikation Bidirekti...
Eine kurze Analyse von CSS3 mithilfe von Textüberlauf zur Lösung von Textlayoutproblemen
Grundlegende Syntax Die Verwendung von Text-Overf...
Detaillierte Erklärung der dynamischen Angular-Komponenten
Inhaltsverzeichnis Anwendungsszenarien So erreich...
Zusammenfassung der Ubuntu-Sicherungsmethoden (vier Typen)
Methode 1: Um Respin zu verwenden, folgen Sie die...
Detaillierte Erläuterung der Nginx-Standortkonfiguration (Standortübereinstimmungsreihenfolge)
Standort bedeutet „Positionierung“, was hauptsäch...
So verwenden Sie den Befehl sed, um bestimmte Zeilen einer Datei effizient zu löschen
Vorwort Wenn wir bestimmte Zeilen in einer Datei ...
Das WeChat-Applet realisiert die Funktion zum Hochladen von Bildern
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erläuterung des Prozesses der Zabbix-Überwachung von SQLServer
Werfen wir einen Blick auf die Zabbix-Überwachung...
JavaScript-Webformularfunktion Kommunikation voller praktischer Informationen
1. Einleitung Vorher haben wir über das Front-End...
Detaillierte Erklärung der Rolle des Schlüssels in React
Inhaltsverzeichnis Frage: Wird die Farbe des Bere...
Detaillierte Erklärung der vier Arten von MySQL-Verbindungen und Multi-Table-Abfragen
Inhaltsverzeichnis MySQL Inner Join, Left Join, R...
Vue implementiert mehrere Ideen zum Themenwechsel
Inhaltsverzeichnis Themen dynamisch ändern Die er...
Grafisches Tutorial zur Installation der dekomprimierten Version von mysql5.7.14
MySQL ist in Community Edition (Community Server)...
Lösung für das Problem, dass synchrone Replikationsfehler im MySQL5.6 GTID-Modus nicht übersprungen werden können
Datenbankversion: mysql> select version(); +--...