Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung der Grundkenntnisse der allgemeinen Funktionen von Prototyp.js

Ausführliche Erläuterung der Grundkenntnisse der allgemeinen Funktionen von Prototyp.js

亚连
亚连Original
2018-05-21 09:16:501090Durchsuche

In diesem Artikel wird hauptsächlich die Verwendung der einzelnen Funktionen in „prototyp.js“ vorgestellt. Ich hoffe, dass er allen bedürftigen Freunden helfen kann.

Effect.Scale(''text1'', ​​​​200)
Funktionsname Erklärung Beispiel
Element.toggle Abwechselnd ein- oder ausblenden Element.toggle(''p1'',''p2'')
Element.hide Ausblenden Element.hide(''p1'',''p2'')
Element.show Anzeigen Element.show(''p1'',''p2'')
Element.remove Löschen Element.remove('' p1'',''p2'')
Element.getHeight Höhe abrufen Element.getHeight(''p1'')
Toggle.display Gleich wie Element.toggle Toggle.display(''p1'',''p2'')
Insertion.Before Text vor p einfügen Insertion.Before(''p1'',''mein Inhalt'')
Insertion.After Text nach p einfügen Insertion.After(''p1'',''my content'')
Insertion.Top Text am Anfang von p einfügen Insertion.Top(''p1'',''this is a text'')
Insertion.Bottom Text am Ende in p einfügen Insertion.Bottom(''p1'',''das ist ein Text'')
PeridicalExecuter Rufen Sie ein Stück Javascriptt mit einer bestimmten Häufigkeit auf PeridicalExecutor(test, 1)" wobei test die Funktion von Javascriptt, 1 ist ist die Häufigkeit (1 Sekunde).
$ Holen Sie sich ein p, äquivalent zu getElementById() $(''p1'')
Field.clear Ein Eingabefeld löschen Field.clear(''textfield1'')
Field.focus Fokus auf das Eingabefeld Field.focus(''select1'')
Field.present Stellen Sie fest, ob der Inhalt leer ist warning(Field.present(''textfield1''))"
Field.select Eingabefeldinhalt auswählen Field.select(''textfield1'')"
Field.activate Konzentrieren Sie sich auf das Eingabefeld und wählen Sie das aus Eingabe Der Inhalt der Box Field.activate(''textfield1'')"
Form.serialize Konvertieren Sie den Tabelleninhalt in einen String
Form.getElements Holen Sie sich den Formularinhalt als Array
Form.disable alle Inhalte des Formulars deaktivieren Form.disable(''form1'') (Dies scheint nicht zu funktionieren)
Form.focusFirstElement Fokus auf das erste Element des Formulars Form.focusFirstElement(''form1'')
Formular .reset Formular zurücksetzen Form.reset(''form1'')
Form.Element.getValue Get der Wert des Formulareingabefelds Form.Element.getValue(''text1'')
Form.Element.serialize Konvertieren Sie den Inhalt des Eingabefelds im Formular in String Form.Element.serialize(''text1'')
$F ist äquivalent zu Form.Element.getValue() $F(''text1'')
Effect.Highlight Spezialeffekt hervorheben. Effect.Highlight(''text1' ')
Effect.Fade Effect.Scale Vergrößern und verkleinern (Prozentsatz). )
Hier 200 = 200 %, also das Doppelte
Effekt.Squish Verschwindungseffekt. Der Text verschwindet nach dem Verkleinern Effect.Squish(''text1'')
Effect.Puff Verschwindender Spezialeffekt. Der Text verschwindet nach dem Vergrößern Effect.Puff(''text1'')
Effect.Appear Spezialeffekte erscheinen
Effect.ContentZoom ZOOM-Spezialeffekt.
Ajax.Request Ajax-Anfrage an den Server senden Ajax.Request(''http://server / s.php'')
Ajax.Updater Sendet eine Ajax-Anfrage an den Server und aktualisiert den angegebenen Container mit dem Antwortergebnis Ajax.Updater( ''text1'',''http://server/s.php'')

Grundlegende Verwendung: Prototyp.js ist in jede Hauptanwendung unterteilt Die Klasse A ist sehr praktisch zu verwenden, indem Sie einfach die neue Class.function() verwenden. Wenn Sie auf „Click Me“ klicken, wird p2 abwechselnd angezeigt oder ausgeblendet . Beachten Sie, dass Sie zum Umschalten unbegrenzte Parameter hinzufügen können, z. B. Element.toggle("p2", "p3", "p4",...)

Das Obige ist, was ich hoffentlich für alle zusammengestellt habe Es wird in Zukunft für alle hilfreich sein.

Verwandte Artikel:

window.close(); Schließen Sie das Browserfenster

jsCodezusammenfassung (detaillierte Erklärung)

Mehrere Methoden zum Löschen eines oder mehrerer Elemente in einem Array mit Js


Detaillierte Interpretation der Js-OOP-Programmierung zum Erstellen von Objekten

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Grundkenntnisse der allgemeinen Funktionen von Prototyp.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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