JavaScript pruebas de prototipos
biblioteca de marco de pruebas de JavaScript - Prototipo
referencias Prototipo
Para probar biblioteca de JavaScript, es necesario hacer referencia a ella en una página Web.
Para hacer referencia a una biblioteca, utilice la etiqueta <script>, cuyo atributo src se establece en la biblioteca de URL:
referencias Prototipo
<html>
<head>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>
prototipo Descripción
Prototipo ofrece funciones permiten la programación más fácil HTML DOM.
Al igual que en jQuery, Prototype también tiene su propia función $ ().
$ () Función acepta el valor id HTML elemento DOM (o un elemento DOM), y añadirá nuevas características al objeto DOM.
Diferentes con jQuery, Prototype no es reemplazar window.onload () es el método listo (). En su lugar, Prototipo añadirá una extensión para el navegador y HTML DOM.
En JavaScript, se puede asignar una función para manejar evento de carga de ventana:
método de JavaScript:
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
Prototipo equivalente es diferente:
modo de prototipo:
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
Event.observe () acepta tres parámetros:
- Usted quiere tratar con los objetos (Object Model) Navegador HTML o BOM DOM
- Evento que desea manejar
- La función que desea llamar
Las pruebas del prototipo
Por favor, intente el siguiente ejemplo:
ejemplo
<html>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
<script>
function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Trate »
Por favor, inténtelo de nuevo en este ejemplo:
ejemplo
<html>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
<script>
function myFunction()
{
$("h01").writeAttribute("style","color:red").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
prueba >>
Como se puede ver en el ejemplo anterior, el mismo que jQuery, Prototype permite la sintaxis de la cadena.
Link (encadenamiento) es un método de realizar múltiples tareas en el método conveniente mismo tema.