Heim > Artikel > Web-Frontend > JavaScript-Tutorial-Skript zur Implementierung der Seiteninformationsinteraktion
Um eine dynamische Interaktion zu erreichen, müssen Sie komplexere Kenntnisse über das Formularobjekt (Form) beherrschen.
Grundkenntnisse über Formulare
Das Formularobjekt ermöglicht es Designern, verschiedene Elemente im Formular zu verwenden, um mit Client-Benutzern zu interagieren, ohne zuerst Daten eingeben zu müssen. Implementieren Sie das Verhalten sich dynamisch ändernder Webdokumente.
1. Was ist ein Formularobjekt?
Formulare bilden die Grundelemente von Webseiten. Normalerweise verfügt eine Webseite über ein oder mehrere Formulare, und das Array Forms[] wird verwendet, um auf verschiedene Formulare zuzugreifen.
2. Methoden des Formularobjekts
Es gibt nur eine Methode des Formularobjekts – die Methode „submit()“. Die Hauptfunktion dieser Methode besteht darin, die Formularinformationen zu übermitteln. Wenn Sie das Mytest-Formular absenden, verwenden Sie das folgende Format: document.mytest.submit().
3. Eigenschaften des Formularobjekts
Die Eigenschaften im Formularobjekt umfassen hauptsächlich Folgendes: Elemente Name Aktion Ziel Kodierungsmethode.
Mit Ausnahme von Elementen spiegeln alle anderen die wider Status des entsprechenden Attributs im Formularbezeichner, bei dem es sich normalerweise um einen einzelnen Formularbezeichner handelt, und bei Elementen handelt es sich häufig um ein Array aus mehreren Formularelementwerten, zum Beispiel: elements[0].Mytable.elements[1].
4. Der Zugriff auf das Formularobjekt
Der Zugriff auf das Formularobjekt in JavaScript kann durch zwei Methoden erreicht werden:
a. Durch Zugriff auf das Formular
Der Formularname muss zunächst in den Eigenschaften des Formularobjekts angegeben werden. Anschließend kann über die folgenden Bezeichner auf das Formular zugegriffen werden, z. B.: document.Mytable().
b. Greifen Sie über ein Array auf das Formular zu
Zusätzlich zur Verwendung des Formularnamens für den Zugriff auf das Formular können Sie auch das Formularobjekt-Array verwenden, um auf das Formularobjekt zuzugreifen. Beachten Sie jedoch, dass das Formularobjekt von der Browserumgebung bereitgestellt wird und die von der Browserumgebung bereitgestellten Array-Indizes zwischen 0 und n liegen. Daher kann auf das Formularobjekt über das folgende Format zugegriffen werden:
document.forms[0]
document.forms[1]
document.forms[2]. .
Voraussetzungen für die Referenzierung eines Formulars
Die Bedingungen für die Referenzierung eines Formulars in JavaScript sind: Sie müssen zuerst das Formular mit einem Bezeichner auf der Seite erstellen und den davor platzierten Formularteil definieren die Referenz.
Grundelemente im Formular
Zu den Grundelementen im Formular gehören Schaltflächen, Optionsfelder, Kontrollkästchen, Senden-Schaltflächen und Zurücksetzen-Schaltflächen sowie Textfelder , usw.
Um auf diese Grundelemente in JavaScript zuzugreifen, müssen Sie den Array-Index oder den Formularelementnamen verwenden, der einem bestimmten Formularelement entspricht. Auf jedes Element wird hauptsächlich über die Attribute oder Methoden des Elements verwiesen. Das Grundformat seiner Referenz ist wie folgt:
formName.elements[].methadName (Formularname. Elementname oder Array. Methode)
formName.elemaent[].propertyName (Formularname .Elementname oder array.Attribute)
Das obige ist das JavaScript-Tutorial-Skript zur Implementierung der Seiteninformationsinteraktion. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!