JavaScript Test Prototype
bibliothèque-cadre Test JavaScript - Prototype
Références Prototype
Pour tester la bibliothèque JavaScript, vous devez référencer dans une page Web.
Pour faire référence à une bibliothèque, utilisez la balise <script>, dont l'attribut src mis à la bibliothèque d'URL:
Références Prototype
<html>
<head>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>
Syntaxe description
Prototype fournit des fonctions permettent la programmation HTML DOM plus facile.
Semblable à jQuery, Prototype a également sa fonction propre $ ().
$ () Fonction accepte identifiant HTML élément DOM (ou un élément DOM), et ajouter de nouvelles fonctionnalités à l'objet DOM.
Différents avec jQuery, Prototype de ne pas remplacer window.onload () est la méthode prête (). Au lieu de cela, Prototype va ajouter une extension au navigateur HTML et DOM.
Dans JavaScript, vous pouvez assigner une fonction pour gérer l'événement fenêtre de charge:
méthode JavaScript:
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
Prototype Equivalent est différent:
Mode Prototype:
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
Event.observe () accepte trois paramètres:
- Vous voulez traiter avec le DOM HTML ou BOM (Browser Object Model) objets
- Événement que vous souhaitez gérer
- La fonction que vous souhaitez appeler
Test Prototype
S'il vous plaît essayer l'exemple suivant:
exemple
<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>
Essayez »
S'il vous plaît essayer de nouveau à cet exemple:
exemple
<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>
test >>
Comme vous pouvez le voir dans l'exemple ci-dessus, le même que jQuery, Prototype permet la syntaxe de la chaîne.
Link (chaînage) est une méthode d'effectuer des tâches multiples sur la méthode pratique même sujet.