JavaScript - Ujian Prototaip


Uji perpustakaan rangka kerja JavaScript - Prototaip

Prototaip Rujukan

Untuk menguji pustaka JavaScript, anda perlu merujuknya dalam halaman web anda.

Untuk merujuk perpustakaan, gunakan teg <skrip> dengan atribut srcnya ditetapkan ke URL perpustakaan:

Prototaip Rujukan

<!DOCTYPE html> ;
<html>
<head>
<skrip
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js" > ;
</skrip>
</kepala>
<badan>
</badan>
</html>

Penerangan Prototaip

Prototaip menyediakan fungsi yang memudahkan pengaturcaraan HTML DOM.

Sama seperti jQuery, Prototaip juga mempunyai fungsi $() sendiri. Fungsi

$() menerima nilai id elemen DOM HTML (atau elemen DOM) dan akan menambah fungsi baharu pada objek DOM.

Tidak seperti jQuery, Prototaip tidak mempunyai kaedah ready() untuk menggantikan window.onload(). Sebaliknya, Prototaip menambah sambungan pada penyemak imbas dan DOM HTML.

Dalam JavaScript, anda boleh menetapkan fungsi untuk mengendalikan peristiwa pemuatan tetingkap:

Cara JavaScript:

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

Prototaip yang setara adalah berbeza daripada:

Kaedah prototaip:

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

Event.observe() menerima tiga parameter:

  • Anda ingin DOM HTML atau objek BOM (Model Objek Pelayar) untuk dikendalikan

  • Acara yang anda mahu kendalikan

  • Fungsi yang ingin anda panggil

Prototaip Ujian

Sila cuba contoh berikut:

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<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>

Jalankan Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Sila cuba contoh ini sekali lagi:

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<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>

Jalankan Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Seperti yang anda lihat dalam contoh di atas , seperti jQuery, Prototaip membenarkan sintaks rantaian.

Merantai ialah cara yang mudah untuk melaksanakan berbilang tugas pada objek yang sama.