Explication détaillée des connaissances de base des fonctions communes de prototype.js

Cet article présente principalement l'utilisation de chaque fonction dans prototype.js. J'espère qu'il pourra aider tous les amis dans le besoin à s'y référer.

Effect.Scale(''text1'', ​​​​200)

Nom de la fonction	Explication	Exemple
Element.toggle	Masquer ou afficher alternativement	Element.toggle(''p1'',''p2'')
Element.hide	Masquer	Element.hide(''p1'',''p2'')
Element.show	Afficher	Element.show(''p1'',''p2'')
Element.remove	Supprimer	Element.remove('' p1'',''p2'')
Element.getHeight	Obtenir la hauteur	Element.getHeight(''p1'')
Toggle.display	Identique à Element.toggle	Toggle.display(''p1'',''p2'')
Insertion.Avant	Insérer du texte avant p	Insertion.Avant(''p1'',''mon contenu'')
Insertion.After	Insertion de texte après p	Insertion.After(''p1'',''mon contenu'')
Insertion.Top	Insérer du texte au début de p	Insertion.Top(''p1'',''this est un texte'')
Insertion.Bottom	Insérer du texte dans p à la fin	Insertion.Bottom(''p1'',''this est un texte'')
PeriodicalExecuter	Appeler un morceau de Javascriptt avec une fréquence donnée	PeridicalExecutor(test, 1)" où test est la fonction de Javascriptt, 1 est la fréquence (1 secondes).
$	Obtenez un p, équivalent à getElementById()	$(''p1'')
Field.clear	Effacer une zone de saisie	Field.clear(''textfield1'')
Focus sur le champ	Concentrez-vous sur la zone de saisie	Field.focus(''select1'')
Field.present	Déterminer si le contenu est vide	alert(Field.present(''textfield1''))"
Field.select	Sélectionnez le contenu de la zone de saisie	Field.select(''textfield1'')"
Field.activate	Concentrez-vous sur la zone de saisie et sélectionnez le input Le contenu de la boîte	Field.activate(''textfield1'')"
Form.serialize	Convertir le contenu du tableau en chaîne
Form.getElements	Obtenez le contenu du formulaire sous forme de tableau
Formulaire désactiver	désactiver tout le contenu du formulaire	Form.disable(''form1'') (Cela ne semble pas fonctionner)
Form.focusFirstElement	Focus sur le premier élément du formulaire	Form.focusFirstElement(''form1'')
Formulaire .reset	Réinitialiser le formulaire	Form.reset(''form1'')
Form.Element.getValue	Obtenir la valeur de la zone de saisie du formulaire	Form.Element.getValue(''text1'')
Form.Element.serialize	Convertir le le contenu de la zone de saisie du formulaire en chaîne	Form.Element.serialize(''text1'')
$F	est équivalent à Form.Element.getValue()	$F(''text1'')
Effect.Highlight	Mettre en surbrillance l'effet spécial.	Effect.Highlight(''text1' ')
Effect.Fade	Effect.Scale	Zoom avant et arrière (pourcentage )
Ici 200 = 200%, soit le double
Effet.Squish	Effet de disparition. Le texte disparaît après rétrécissement	Effect.Squish(''text1'')
Effect.Puff	Effet spécial de disparition. Le texte disparaît après agrandissement	Effect.Puff(''text1'')
Effect.Appear	Des effets spéciaux apparaissent
Effect.ContentZoom	Effet spécial ZOOM．
Ajax.Request	Envoyer la requête Ajax au serveur	Ajax.Request(''http://server / s.php'')
Ajax.Updater	Envoie une requête Ajax au serveur et met à 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 est divisé en chaque principal class A Class est très pratique à utiliser. Pour produire un effet spécifique, utilisez simplement new Class.function(c25b7b04eabbf30cdb48041613aaf91c Par exemple :

<p id="p1"><a href="#" onclick="new Element.toggle(&#39;p2&#39;)">Click Me</a></p>
<p id="p2">Hello!</p>

Lorsque Click Me est cliqué, p2 Il le fera alternativement. masquer ou afficher. Notez que vous pouvez ajouter un nombre illimité de paramètres à activer, tels que Element.toggle("p2", "p3", "p4",...)

Ce qui précède est ce que j'ai compilé pour tout le monde. . , j'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

window.close(); Ferme la fenêtre du navigateur jsRésumé du code (explication détaillée)

Plusieurs méthodes pour supprimer un ou plusieurs éléments d'un tableau à l'aide de Js

Interprétation détaillée de la programmation Js OOP pour créer des objets

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!