| Nombre de función | explicar | Dar un ejemplo |
|---|---|---|
| Elemento.toggle | Alternativamente esconder o mostrar | Elemento.toggle ('' div1 '', '' div2 '') |
| Elemento. | esconder | Element.hide ('' div1 '', '' div2 '') |
| Elemento | espectáculo | Element.show ('' div1 '', '' div2 '') |
| Elemento. | borrar | Element.remove ('' div1 '', '' div2 '') |
| Element.getheight | Tener altura | Elemento.getheight ('' div1 '') |
| Toggle.splay | Igual que element.toggle | Toggle.display ('' div1 '', '' div2 '') |
| Inserción. | Insertar texto antes de divir | Insertion.before ('' div1 '', '' mi contenido '') |
| Inserción. Después de | Insertar texto después de Div | Insertion.After ('' div1 '', '' mi contenido '') |
| Inserción.top | Insertar texto frente a Div | Insertion.top ('' div1 '', '' este es un texto '') |
| Inserción.bottom | Insertar texto en Div | Insertion.bottom ('' div1 '', '' Este es un texto '') |
| Error periódico | Llamar a un JavaScriptt a una frecuencia dada | PeridicalExecutor (Test, 1) "Aquí la prueba es una función JavaScript, 1 es la frecuencia (1 segundo). |
| $ | Obtenga un DIV, equivalente a GetElementById () | $ ('' div1 '') |
| Campo. | Borrar un cuadro de entrada | Field.Clear ('' TextField1 '') |
| Campo. | Centrarse en el cuadro de entrada | Field.focus ('' select1 '') |
| Campo. Presente | Determinar si el contenido está vacío | alerta (field.present ('' textField1 '')) " |
| Campo. Seleccionar | Seleccione el contenido del cuadro de entrada | Campo.select ('' textField1 '') " |
| Campo. Activar | Centrarse en el cuadro de entrada y seleccione el contenido del cuadro de entrada | Campo.Activate ('' TextField1 '') " |
| Form.esterializar | Convertir el contenido de la tabla en cadena | |
| Form.getElements | Obtenga el contenido de la tabla en forma de matriz | |
| Forma. Desactuable | Todos los contenidos de la forma de desactivar | Form.disable ('' form1 '') (esto no parece funcionar) |
| Form.focusfirstelement | Concéntrese en el primer elemento de la tabla | Form.focusfirstelement ('' form1 '') |
| Form.Reset | Reiniciar | Form.reset ('' form1 '') |
| Form.element.getValue | Obtenga el valor del cuadro de entrada de la tabla | Form.element.getValue ('' text1 '') |
| Form.element.serialize | Convierta el contenido del cuadro de entrada en la tabla en cadena | Form.element.serialize ('' text1 '') |
| $ F | Equivalente a form.element.getValue () | $ F ('' text1 '') |
| Efecto. | Resaltar los efectos especiales. | Effect.highlight ('' text1 '') |
| Efecto. | Efectos de desvanecimiento | |
| Efecto. Escala | Acercar y salir (porcentaje) | Effect.Scale ('' Text1 '', 200) Aquí 200 = 200%, es decir, dos veces |
| Efecto. | Efectos especiales que desaparecen. El texto desaparece después de encogerse | Effect.sQuish ('' Text1 '') |
| Efecto.puff | Efectos especiales que desaparecen. El texto desaparece después de la ampliación | Effect.Puff ('' Text1 '') |
| Efecto. | Aparecen los efectos especiales | |
| Efecto.ContentZoom | Zoom de efectos especiales. | |
| Ajax.Request | Enviar solicitud AJAX al servidor | Ajax.request ('' http: //server/s.php '') |
| Ajax.updater | Envíe la solicitud AJAX al servidor y actualice el contenedor especificado con el resultado de la respuesta | Ajax.updater ('' text1 '', '' http: //server/s.php '') |
Uso básico: Prototype.js divide cada clase principal en una clase, lo cual es muy conveniente de usar. Para producir un efecto específico, solo use nueva clase. Por ejemplo:
Copie el código de la siguiente manera: <div id = "div1"> <a href = "#" onClick = "new Element.Toggle ('div2')"> Haga clic en mí </a> </div>
<Div id = "div2"> ¡Hola! </div>
Al hacer clic en Click Me, Div2 se ocultará o se mostrará alternativamente. Tenga en cuenta que puede agregar parámetros ilimitados para alternar, como element.toggle ("div2", "div3", "div4", ...)
Para ver más sintaxis de JavaScript, puede seguir: "Tutorial de referencia de JavaScript" y "Guía de estilo de código JavaScript". También espero que todos apoyen más a Wulin.com.