Latest web development tutorials
×

JavaScript kuliah

JavaScript kuliah JavaScript pengantar singkat JavaScript pemakaian JavaScript ekspor JavaScript tatabahasa JavaScript laporan JavaScript catatan JavaScript variabel JavaScript Jenis Data JavaScript benda JavaScript fungsi JavaScript cakupan JavaScript peristiwa JavaScript tali JavaScript operator JavaScript membandingkan JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Jenis Konversi JavaScript Regular Expressions JavaScript kesalahan JavaScript debugging JavaScript angkat variabel JavaScript Modus yang ketat JavaScript Gunakan tidak tepat JavaScript bentuk Authentication JavaScript Reserved Keywords JavaScript JSON JavaScript void JavaScript kode Spesifikasi

JS fungsi

JavaScript definisi fungsi JavaScript Argumen fungsi JavaScript fungsi panggilan JavaScript penutupan

JS HTML DOM

DOM pengantar singkat DOM HTML DOM CSS DOM peristiwa DOM EventListener DOM elemen

JS canggih Tutorial

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

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript Kegiatan Jangka waktu JavaScript Cookies

JS gudang

JavaScript gudang JavaScript uji jQuery JavaScript uji Prototype

JS contoh

JavaScript contoh JavaScript contoh objek JavaScript Browser contoh objek JavaScript HTML DOM contoh JavaScript ringkasan

JS Reference manual

JavaScript benda HTML DOM benda

JavaScript Pengujian Prototipe

Pengujian JavaScript framework library - Prototipe


Referensi Prototype

Untuk menguji perpustakaan JavaScript, Anda perlu referensi dalam halaman Web.

Untuk merujuk ke perpustakaan, gunakan tag <script>, yang atribut src diatur ke perpustakaan URL:

Referensi Prototype

<!DOCTYPE html>
<html>
<head>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>


prototipe Keterangan

Prototipe menyediakan fungsi mengaktifkan HTML DOM pemrograman lebih mudah.

Mirip dengan jQuery, Prototype juga memiliki fungsi sendiri $ ().

$ () Fungsi menerima nilai id HTML DOM elemen (atau elemen DOM), dan akan menambahkan fitur baru ke objek DOM.

Berbeda dengan jQuery, Prototype bukan untuk menggantikan window.onload () siap metode (). Sebaliknya, Prototype akan menambahkan ekstensi ke browser dan HTML DOM.

Dalam JavaScript, Anda dapat menetapkan fungsi untuk menangani acara beban jendela:

Metode JavaScript:

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

Prototipe setara berbeda:

Modus prototipe:

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

Event.observe () menerima tiga parameter:

  • Anda ingin berurusan dengan DOM HTML atau BOM (Browser Object Model) obyek
  • Acara Anda ingin menangani
  • Fungsi Anda ingin menyebutnya

pengujian Prototipe

Coba contoh berikut:

contoh

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

Coba »

Silakan coba lagi contoh ini:

contoh

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

uji >>

Seperti yang Anda lihat dalam contoh di atas, sama seperti jQuery, Prototype memungkinkan sintaks rantai.

Link (Chaining) adalah metode melakukan beberapa tugas pada metode subjek yang sama nyaman.