Latest web development tutorials
×

JavaScript curso

JavaScript curso JavaScript breve introducción JavaScript uso JavaScript exportación JavaScript gramática JavaScript declaraciones JavaScript nota JavaScript variable JavaScript Tipos de datos JavaScript objetos JavaScript función JavaScript alcance JavaScript evento JavaScript cadena JavaScript operadores JavaScript comparar JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript tipo de conversión JavaScript Las expresiones regulares JavaScript error JavaScript depuración JavaScript variable de elevación JavaScript Modo estricto JavaScript El uso inapropiado JavaScript autenticación de formularios JavaScript Palabras clave reservadas JavaScript JSON JavaScript void JavaScript Especificación código

JS función

JavaScript definición de la función JavaScript Argumentos de función JavaScript llamada a la función JavaScript Los cierres

JS HTML DOM

DOM breve introducción DOM HTML DOM CSS DOM evento DOM EventListener DOM elemento

JS Tutorial avanzado

JavaScript objetos JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp objetos

JS navegador BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript música pop JavaScript Evento cronometrado JavaScript Cookies

JS almacén

JavaScript almacén JavaScript prueba jQuery JavaScript prueba Prototype

JS Ejemplos

JavaScript Ejemplos JavaScript instancia de objeto JavaScript instancia de objeto del navegador JavaScript HTML DOM Ejemplos JavaScript resumen

JS Manual de referencia

JavaScript objetos HTML DOM objetos

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

<!DOCTYPE html>
<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:

function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;

Prototipo equivalente es diferente:

modo de prototipo:

function myFunction()
{
$("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

<!DOCTYPE html>
<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

<!DOCTYPE html>
<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.