Heim  >  Artikel  >  Web-Frontend  >  Tutorial zur JavaScript-Stärkung – Prototyp

Tutorial zur JavaScript-Stärkung – Prototyp

巴扎黑
巴扎黑Original
2016-12-05 11:31:55992Durchsuche

Dieser Artikel ist das offizielle HTML5-Schulungs-Tutorial der H5EDU-Organisation. Er stellt hauptsächlich Folgendes vor: JavaScript-Erweiterungs-Tutorial – Prototyp

Zitieren des Prototyps
Um die JavaScript-Bibliothek zu testen, müssen Sie auf der Webseite darauf verweisen .
Um auf eine Bibliothek zu verweisen, verwenden Sie das src-Attribut auf die URL der Bibliothek:
Referenzprototyp
;head>




Prototype-Beschreibung
Prototype bietet Funktionen, die die HTML-DOM-Programmierung vereinfachen verfügt über eine eigene $()-Funktion. Die
$()-Funktion akzeptiert den ID-Wert des HTML-DOM-Elements (oder DOM-Elements) und fügt dem DOM-Objekt neue Funktionen hinzu.
Im Gegensatz zu jQuery verfügt Prototype über keine ready( )-Methode, die window.onload() ersetzt. Stattdessen fügt Prototype Erweiterungen zum Browser und dem HTML-DOM hinzu.
In JavaScript können Sie eine Funktion zuweisen, um das Fensterladeereignis zu verarbeiten:
JavaScript-Methode:
function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
onload= myFunction; Äquivalenter Prototyp ist anders:
Prototyp-Methode:
function myFunction()
{
$("h01").insert("Hello Prototype!"}
Event. observe(window,"load",myFunction);
Event.observe() akzeptiert drei Parameter:
Das HTML-DOM- oder BOM-Objekt (Browser Object Model), das Sie verarbeiten möchten
Das Ereignis, das Sie verarbeiten möchten
Die Funktion, die Sie aufrufen möchten
Testprototyp
Bitte versuchen Sie das folgende Beispiel:
Beispiel
🎜>src="http://apps.bdimg.com/libs/pro ... gt%3B