Latest web development tutorials
×

JavaScript kurs

JavaScript kurs JavaScript krótkie wprowadzenie JavaScript zwyczaj JavaScript eksport JavaScript gramatyka JavaScript oświadczenia JavaScript uwaga JavaScript zmienna JavaScript Typy danych JavaScript Przedmioty JavaScript funkcja JavaScript zakres JavaScript wydarzenie JavaScript sznur JavaScript operatorzy JavaScript porównać JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Typ konwersji JavaScript Wyrażenia regularne JavaScript błąd JavaScript Debugowanie JavaScript zmienny wyciąg JavaScript Tryb Strict JavaScript Zastosowanie niezgodne z przeznaczeniem JavaScript Uwierzytelnianie za pomocą formularzy JavaScript zarezerwowane słowa kluczowe JavaScript JSON JavaScript void JavaScript Kod Specyfikacja

JS funkcja

JavaScript definicja funkcji JavaScript Argumenty funkcji JavaScript wywołanie funkcji JavaScript zamknięcia

JS HTML DOM

DOM krótkie wprowadzenie DOM HTML DOM CSS DOM wydarzenie DOM EventListener DOM element

JS zaawansowane Tutorial

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

JS przeglądarka BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript muzyka pop JavaScript Tymczasowy zdarzenia JavaScript Cookies

JS magazyn

JavaScript magazyn JavaScript test jQuery JavaScript test Prototype

JS Przykłady

JavaScript Przykłady JavaScript instancja obiektu JavaScript Przeglądarka Instancja obiektu JavaScript HTML DOM Przykłady JavaScript streszczenie

JS Reference Manual

JavaScript Przedmioty HTML DOM Przedmioty

JavaScript Testowanie prototypu

Testowanie ramy biblioteki JavaScript - Prototype


Odniesienia Prototype

Aby przetestować biblioteki JavaScript, trzeba odwołać go na stronie internetowej.

Aby odwołać się do biblioteki, należy użyć znacznika <script>, którego atrybutem src zestaw do biblioteki URL:

Odniesienia 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 Opis

Prototyp zapewnia funkcje umożliwiają HTML DOM programowania łatwiejsze.

Podobny do jQuery, Prototype posiada również funkcję własną $ ().

$ () Funkcja przyjmuje wartość id elementu HTML DOM (lub element DOM) i doda nowe funkcje do obiektu DOM.

Inna z jQuery, Prototype, aby nie zastępować window.onload () jest metodą ready (). Zamiast Prototype doda rozszerzenie do przeglądarki i HTML DOM.

W JavaScript można przypisać funkcję obsługi zdarzenia load okno:

Metoda JavaScript:

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

Odpowiednik Prototype jest inna:

Tryb Prototype:

function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);

Event.observe () przyjmuje trzy parametry:

  • Chcesz do czynienia z HTML DOM lub BOM (Browser Object Model) obiektów
  • Zdarzenie chcesz obsługiwać
  • Funkcja chcesz zadzwonić

Testowanie prototypu

Spróbuj poniższy przykład:

przykład

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

Spróbuj »

Proszę spróbować ponownie na poniższym przykładzie:

przykład

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

Jak widać na powyższym przykładzie, podobnie jak jQuery, Prototype pozwala składni łańcuchową.

Link (łańcuchowe) jest metodą wykonywania kilku zadań jednocześnie w wygodny sposób sam temat.