| Nom de la fonction | expliquer | Donner un exemple |
|---|---|---|
| Élément. | Alternativement se cacher ou afficher | Element.toggle ('' div1 '', '' div2 '') |
| Élément. | cacher | Element.hide ('' div1 '', '' div2 '') |
| Élément.show | montrer | Element.show ('' div1 '', '' div2 '') |
| Élément. | supprimer | Element.remove ('' div1 '', '' div2 '') |
| Element.getheight | Obtenir de la hauteur | Element.getheight ('' div1 '') |
| Toggle.display | Identique à élément.toggle | Toggle.display ('' div1 '', '' div2 '') |
| Insertion. avant | Insérer du texte avant Div | Insertion.before ('' div1 '', `` mon contenu '') |
| Insertion. | Insérer du texte après div | Insertion.fter ('' div1 '', '' mon contenu '') |
| Insertion.top | Insérer du texte devant Div | Insertion.top ('' div1 '', '' Ceci est un texte '') |
| Insertion.bottom | Insérer du texte dans div | Insertion.bottom ('' div1 '', '' Ceci est un texte '') |
| Exécuteur périodique | Appeler un javascript à une fréquence donnée | PeridicalExecutor (test, 1) "Ici, le test est une fonction JavaScript, 1 est la fréquence (1 seconde). |
| $ | Obtenez un div, équivalent à getElementById () | $ ('' div1 '') |
| Champ de champ | Effacer une boîte d'entrée | Field.clear ('' textfield1 '') |
| Field.focus | Concentrez-vous sur la boîte d'entrée | Field.focus ('' select1 '') |
| Champ | Déterminez si le contenu est vide | alert (field.present ('' textfield1 '') " |
| Secteur de champ | Sélectionnez le contenu de la zone d'entrée | Field.select ('' textfield1 '') " |
| Field.activer | Concentrez-vous sur la zone d'entrée et sélectionnez le contenu de la zone d'entrée | Field.activate ('' textfield1 '') " |
| Form.sérialiser | Convertir le contenu de la table en chaîne | |
| Form.getElements | Obtenez le contenu de la table sous forme de tableau | |
| Form.disable | Tous le contenu de la forme de désactivation | Form.disable ('' Form1 '') (cela ne semble pas fonctionner) |
| Form.focusfirstelement | Concentrez-vous sur le premier élément de la table | Form.focusFirstElement ('' Form1 '') |
| Former. Réinitialisez | Réinitialiser la forme | Form.reset ('' Form1 '') |
| Form.element.getValue | Obtenez la valeur de la boîte de saisie du tableau | Form.element.getValue ('' text1 '') |
| Form.element.serialize | Convertir le contenu de la zone d'entrée dans la table en chaîne | Form.element.serialize ('' text1 '') |
| $ F | Équivalent à form.element.getValue () | $ F ('' text1 '') |
| Effet.Highlight | Mettre en évidence les effets spéciaux. | Effect.Highlight ('' text1 '') |
| Effect.fade | Effets de décoloration | |
| Effet.Scale | Zoomer et sortir (pourcentage) | Effect.Scale ('' Text1 '', 200) Ici 200 = 200%, c'est-à-dire deux fois |
| Effet. | Disparaître des effets spéciaux. Le texte disparaît après le rétrécissement | Effect.squish ('' text1 '') |
| Effect.puff | Disparaître des effets spéciaux. Le texte disparaît après l'élargissement | Effect.puff ('' text1 '') |
| Apparition | Les effets spéciaux apparaissent | |
| Effet.contentzoom | Zoom des effets spéciaux. | |
| Ajax.request | Envoyer une demande Ajax au serveur | Ajax.request ('' http: //server/s.php '') |
| Ajax.updater | Envoyez une demande Ajax au serveur et mettez à jour le conteneur spécifié avec le résultat de la réponse | Ajax.updater ('' text1 '', '' http: //server/s.php '') |
Utilisation de base: Prototype.js divise chaque classe principale en une classe, ce qui est très pratique à utiliser. Pour produire un effet spécifique, utilisez simplement une nouvelle classe. Par exemple:
Copiez le code comme suit: <div id = "div1"> <a href = "#" onclick = "new element.toggle ('div2')"> cliquez sur moi </a> </div>
<Div id = "div2"> Bonjour! </div>
Lorsque vous cliquez sur Cliquez sur moi, Div2 sera masqué ou affiché alternativement. Notez que vous pouvez ajouter des paramètres illimités à basculer, tels que element.toggle ("div2", "div3", "div4", ...)
Pour afficher plus de syntaxe JavaScript, vous pouvez suivre: "JavaScript Reference Tutorial" et "JavaScript Code Style Guide". J'espère également que tout le monde soutiendra davantage Wulin.com.