JavaScript Testing Prototype
Testen JavaScript-Framework-Bibliothek - Prototype
Referenzen Prototype
Um zu testen, JavaScript-Bibliothek, müssen Sie es auf einer Webseite zu verweisen.
Um zu einer Bibliothek verweisen, verwenden Sie das <script> -Tag, dessen Attribut src an die URL-Bibliothek festlegen:
Referenzen Prototype
<html>
<head>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>
Prototyp Beschreibung
Prototype bietet Funktionen ermöglichen HTML-DOM-Programmierung einfacher.
Ähnlich wie jQuery, Prototype hat auch seine eigene Funktion $ ().
$ () Funktion übernimmt id-Wert HTML DOM-Element (oder ein DOM-Element), und neue Funktionen zur DOM-Objekt hinzuzufügen.
Verschiedene mit jQuery, Prototype nicht window.onload () bereit ist, () -Methode zu ersetzen. eine Erweiterung für den Browser und HTML-DOM-Prototyp wird Stattdessen fügen.
In JavaScript können Sie eine Funktion zu behandeln Fenster Ladeereignis zuordnen:
JavaScript-Methode:
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
Equivalent Prototyp ist anders:
Prototype-Modus:
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
Event.observe () akzeptiert drei Parameter:
- Sie wollen mit dem HTML-DOM oder BOM (Browser Object Model) Objekte zu behandeln
- Ereignis wollen Sie behandeln
- Die Funktion, die Sie anrufen möchten,
Testing Prototype
Bitte versuchen Sie das folgende Beispiel:
Beispiel
<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>
Versuchen »
Bitte versuchen Sie es erneut in diesem Beispiel:
Beispiel
<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 >>
Wie Sie im obigen Beispiel sehen können, erlaubt es das gleiche wie jQuery, Prototype, die Kette Syntax.
Link (Verketten) ist ein Verfahren, mehrere Aufgaben zu demselben Thema bequeme Methode durchgeführt wird.