| Funktionsname | erklären | Geben Sie ein Beispiel an |
|---|---|---|
| Element.toggle | Abwechselnd verstecken oder zeigen | Element.toggle ('' div1 '', '' div2 '') |
| Element.hide | verstecken | Element.hide ('' div1 '', '' div2 '') |
| Element.show | zeigen | Element.show ('' div1 '', '' div2 '') |
| Element.remove | löschen | Element.remove ('' Div1 '', '' Div2 '') |
| Element.Getheight | Holen Sie sich Größe | Element.getheight ('' div1 '') |
| Toggle.Display | Gleich wie Element.Toggle | Toggle.Display ('' Div1 '', '' Div2 '') |
| Einfügung.bevor | Text vor Div einfügen | Insertion.before ('' Div1 '', '' My Inhalt '') |
| Insertion.after | Text nach Div einfügen | Insertion.after ('' Div1 '', '' My Inhalt '') |
| Insertion.top | Geben Sie den Text vor Div ein | Insertion.top ('' Div1 '', '' Dies ist ein Text '') |
| Insertion.Bottom | Text in Div einfügen | Insertion.bottom ('' Div1 '', 'Dies ist ein Text' ') |
| PeriodicalExecuter | Aufrufen eines JavaScriptt bei einer bestimmten Frequenz | PeridicalExecutor (Test, 1) "Hier ist der Test eine JavaScript -Funktion, 1 ist die Frequenz (1 Sekunde). |
| $ | Holen Sie sich ein Div, das zu GetElementById () entspricht, gleichwertig | $ ('' div1 '') |
| Feld.Clear | Löschen Sie ein Eingabefeld | Field.clear ('' textfield1 '') |
| Feld.Fokus | Konzentrieren Sie sich auf das Eingabefeld | Field.focus ('' select1 '') |
| Field.present | Stellen Sie fest, ob der Inhalt leer ist | alert (field.present ('' textField1 '')) " |
| Field.Select | Wählen Sie den Inhalt des Eingangsfelds aus | Field.Select ('' textfield1 '') " |
| Feld.aktivieren | Konzentrieren Sie sich auf das Eingangsfeld und wählen Sie den Inhalt des Eingangsfelds aus | Field.Activate ('' textField1 '') " |
| Form.Serialize | Konvertieren Sie den Tabelleninhalt in die Zeichenfolge | |
| Form.GetElements | Holen Sie sich den Tabelleninhalt in einem Array -Formular | |
| Form.Disable | Alle Inhalte der Deaktivierungsform | Form.Disable ('' Form1 '') (das scheint nicht zu funktionieren) |
| Form.FocusFirstelement | Konzentrieren Sie sich auf das erste Element der Tabelle | Form.FocusFirstelement ('' Form1 '') |
| Form.Reset | Formular zurücksetzen | Form.Reset ('' Form1 '') |
| Form.element.getValue | Erhalten Sie den Wert des Tabelleneingangsfelds | Form.element.getValue ('' text1 '') |
| Form.Element.Serialize | Konvertieren Sie den Inhalt des Eingabefelds in der Tabelle in die Zeichenfolge | Form.element.serialize ('' text1 '') |
| $ F | Äquivalent zu form.element.getValue () | $ F ('' text1 '') |
| Effekt.Highlight | Spezialeffekte hervorheben. | Effekt.Highlight ('' text1 '') |
| Effekt.Fade | Verblassungseffekte | |
| Effekt.Scale | Ein- und auszoomen (Prozentsatz) | Effect.Scale ('' text1 '', 200) Hier 200 = 200%, das heißt zweimal |
| Effekt.quish | Verschwinden Spezialeffekte. Der Text verschwindet nach dem Schrumpfen | Effect.quish ('' text1 '') |
| Effekt.puff | Verschwinden Spezialeffekte. Der Text verschwindet nach der Vergrößerung | Effect.puff ('' text1 '') |
| Effect.Appear | Spezialeffekte erscheinen | |
| Effekt.ContentZoom | Spezialeffekte zoomen. | |
| Ajax.Request | Senden Sie die AJAX -Anfrage an den Server | Ajax.request ('' http: //server/s.php '') |
| Ajax.updater | Senden Sie die AJAX -Anforderung an den Server und aktualisieren Sie den angegebenen Container mit dem Antwortergebnis | Ajax.updater ('' text1 '', '' http: //server/s.php '')) |
Grundlegende Verwendung: Prototype.js unterteilt jede Hauptklasse in eine Klasse, die sehr bequem zu verwenden ist. Um einen bestimmten Effekt zu erzielen, verwenden Sie einfach eine neue Klasse. Zum Beispiel:
Kopieren Sie den Code wie folgt: <div id = "div1"> <a href = "#" onclick = "New Element.toggle ('Div2')"> Klicken Sie auf mich </a> </div>
<Div id = "div2"> Hallo! </Div>
Wenn Sie auf mich klicken, wird Div2 versteckt oder abwechselnd angezeigt. Beachten Sie, dass Sie umschalten können, wie z.
Um mehr JavaScript -Syntax anzuzeigen, können Sie folgen: "JavaScript Reference Tutorial" und "JavaScript Code Style Guide". Ich hoffe auch, dass jeder wulin.com mehr unterstützt.