Heim > Web-Frontend > js-Tutorial > Hauptteil

JavaScript-Tutorial-Skript zur Implementierung der Seiteninformationsinteraktion

黄舟
Freigeben: 2016-12-22 15:35:44
Original
1116 Leute haben es durchsucht

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)!


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!