Beispielhafte Einführung in den Unterschied zwischen ID- und Namensattributen bei der Erstellung von Eingabe-HTML-/Xhtml-Webseiten

Ich habe schon lange eine Website erstellt, aber ich habe den Unterschied zwischen Name und ID in der Eingabe immer noch nicht herausgefunden. Ich habe kürzlich jquery gelernt und bin erneut auf dieses Problem gestoßen, also habe ich Informationen online gesammelt. Nachdem ich diesen Artikel gelesen hatte, habe ich ihn für die spätere Verwendung sortiert.

Man kann sagen, dass fast jeder, der sich mit Webentwicklung beschäftigt hat, gefragt hat: Was ist der Unterschied zwischen der ID und dem Namen eines Elements? Warum brauchen wir einen Namen, wenn wir einen Ausweis haben? Und wir können auch die klassischste Antwort bekommen: Der Ausweis ist wie die Ausweisnummer einer Person, und der Name ist offensichtlich so, als wäre der Name eindeutig, und der Name ist wiederholbar.

Letzte Woche bin ich auch auf das Problem von ID und Name gestoßen. Ich habe einen Eingabetyp = „versteckt“ auf der Seite eingegeben und nur eine ID = „SliceInfo“ geschrieben. Nach der Zuweisung des Werts senden und verwenden Sie „Anfrage“. Der Hintergrund. Params["SliceInfo"] kann den Wert nicht abrufen. Später wurde mir plötzlich klar, dass es mit Name markiert werden sollte, also fügte ich Name='SliceInfo' zur Eingabe hinzu und alles war in Ordnung.

Die Antwort auf ID und Name im ersten Absatz ist zu allgemein. Natürlich ist diese Erklärung für ID, also die Identität des HTML-Elements auf der Clientseite, völlig richtig. Der Name ist tatsächlich viel komplizierter, da der Name viele Verwendungszwecke hat und daher nicht vollständig durch die ID ersetzt werden kann, wodurch er aufgehoben wird. Spezifische Verwendungszwecke sind:

Verwendung 1: Als serverseitiger Indikator für HTML-Elemente, die mit dem Server interagieren können, wie z. B. Eingabe, Auswahl, Textbereich und Schaltfläche. Wir können den vom Element über Request.Params übermittelten Wert basierend auf seinem Namen auf der Serverseite abrufen.
Verwenden Sie 2: HTML-Element Eingabetyp = 'Radio'-Gruppierung. Wir wissen, dass sich das Optionsfeldsteuerelement in derselben Gruppierungsklasse befindet. Die Prüfoperation ist Mutex. Es kann nur ein Radio gleichzeitig ausgewählt werden. Diese Gruppierung ist basierend auf dem gleichen Namensattribut realisiert.
Zweck 3: Erstellen Sie einen Ankerpunkt auf der Seite. Wir wissen, dass link einen Seiten-Hyperlink erhält Stattdessen, wie zum Beispiel: < ;a name="PageBottom">, erhalten wir einen Seitenanker.
Verwendung 4: Identität als Objekt, z. B. Applet, Objekt, Einbettung und andere Elemente. In einer Applet-Objektinstanz verwenden wir beispielsweise deren Namen, um auf das Objekt zu verweisen.
Zweck 5: Wenn Sie beim Zuordnen zwischen IMG-Elementen und MAP-Elementen den Hotspot-Bereich von IMG definieren möchten, müssen Sie dessen Attribut usemap verwenden, also usemap="#name" (Name des zugeordneten MAP-Elements). ).
Verwendung 6: Attribute bestimmter spezifischer Elemente, wie z. B. Attribut, Meta und Parameter. Definieren Sie beispielsweise die Parameter für Object oder

Natürlich können diese Verwendungen nicht einfach durch ID ersetzt werden, daher ist der Unterschied zwischen ID und Name von HTML-Elementen nicht der Unterschied zwischen ID-Nummer und Name. Sie haben unterschiedliche Funktionen.

Natürlich kann das Name-Attribut des HTML-Elements auch als ID auf der Seite eine Rolle spielen, denn im DHTML-Objektbaum können wir document.getElementsByName verwenden, um ein Objektarray zu erhalten, das alle angegebenen Namen enthält Elemente auf der Seite. Es gibt ein weiteres Problem mit dem Namensattribut. Wenn wir ein Element dynamisch erstellen, das das Namensattribut enthalten kann, können wir nicht einfach die Zuweisung element.name = „…“ verwenden, um seinen Namen hinzuzufügen. Wir müssen document.createElement( verwenden Beim Erstellen des Elements wird das Attribut „Name“ zum Element hinzugefügt. Was bedeutet das? Schauen Sie sich einfach das Beispiel unten an, um es zu verstehen.

Code kopieren

Der Code lautet wie folgt:

var input = document.createElement('INPUT');
input.id = 'myId';
input.name = 'myName';
alert(input.outerHTML) ;

Das im Meldungsfeld angezeigte Ergebnis ist:

Code kopieren

Der Code lautet wie folgt:

var input = document.createElement('');
input.id = 'myId';
alert(input.outerHTML);
< ; /script>
Das im Meldungsfeld angezeigte Ergebnis lautet: .
Der Entwurf zur Initialisierung des Namensattributs ist kein Fehler des IE, da MSDN angibt, dass dies auf diese Weise erfolgen sollte. Aber was ist das Prinzip dieses Entwurfs? Ich habe noch nicht allzu klar gedacht.

Was passiert übrigens, wenn es auf der Seite n (n>1) HTML-Elemente mit derselben ID gibt? Wie kann man sie in DHTML-Objekten referenzieren? Wenn wir ASPX-Seiten verwenden, ist eine solche Situation nicht einfach, da der Aspnet-Prozess bei der Verarbeitung von ASPX-Seiten keine nicht eindeutigen IDs zulässt. Dies bedeutet, dass die Seite eine Ausnahme auslöst und nicht normal gerendert werden kann. Wenn es sich nicht um eine dynamische Seite handelt und wir darauf bestehen, die ID zu wiederholen, was sollen wir dann mit dem IE tun? Zu diesem Zeitpunkt können wir immer noch document.getElementById verwenden, um Objekte abzurufen, aber wir können unter den Objekten mit doppelten IDs nur das erste Objekt abrufen, das während des HTML-Renderns angezeigt wird. Zu diesem Zeitpunkt wird die wiederholte ID automatisch zu einem Array, wenn darauf verwiesen wird, und die Elemente mit wiederholten IDs sind in der Reihenfolge ihres Renderns im Array vorhanden.

Formularelemente (Form Input Textarea Select) und Frame-Elemente (Iframe-Frame) werden benannt
Diese Elemente beziehen sich auf die Formularübermittlung (Frame-Elemente wirken auf das Ziel des Formulars). Das Formular kann nur Elemente mit zugewiesener ID empfangen. Sie können dies selbst überprüfen.
Es gibt eine Ausnahme: Ein Name kann als Anker oder ID zugewiesen werden >
Natürlich können den oben genannten Elementen auch ID-Werte zugewiesen werden. Bei der Zuweisung von ID-Werten ändert sich die Methode zur Referenzierung dieser Elemente.
Name zuweisen: document.formName.inputName document.frames("frameName").
ID zuweisen: document.getElementById("inputID") document.all.frameID

Es können nur IDs zugewiesen werden, jedoch keine Namen: (außer bei Elementen, die sich auf das Formular beziehen, können nur IDs zugewiesen werden)
Körper li Tabelle tr td th p div span pre dl dt dd Schriftart b usw.