1. Heim
  2. JavaScript Testing Prototype

Das beste JavaScript Testing Prototype-Tutorial im Jahr 2024. In diesem Tutorial können Sie Referenzen Prototype,Referenzen Prototype,Prototyp Beschreibung,JavaScript-Methode:,Prototype-Modus:,Testing Prototype,Beispiel,Beispiel, lernen

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

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

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

Equivalent Prototyp ist anders:

Prototype-Modus:

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

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

Versuchen »

Bitte versuchen Sie es erneut in diesem Beispiel:

Beispiel

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

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.

Hot Tutorials

Kontaktiere uns

JavaScript Testing Prototype
10/30