JavaScript - Ujian Prototaip
Rujuk Prototaip
Untuk menguji perpustakaan JavaScript, anda perlu merujuknya dalam halaman web anda.
Untuk merujuk perpustakaan, gunakan teg <skrip> dengan atribut srcnya ditetapkan ke URL perpustakaan:
<!DOCTYPE html>
<html>
<head>
<scriptsrc="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js"></script>
</kepala>
<badan>
</badan>
</html>
Penerangan Prototaip
Prototaip menyediakan fungsi yang menjadikan pengaturcaraan DOM HTML lebih mudah.
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.
Kaedah JavaScript:
function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototaip";
}
onload=myFunction;
Kaedah prototaip:
function myFunction()
{
$("h01 ").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
Event.observe() menerima tiga parameter:
Objek HTML DOM atau BOM (Browser Object Model) yang anda ingin kendalikan
Acara yang ingin anda proses
Acara anda ingin memproses fungsi Dipanggil
Perbandingan contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(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>Perbandingan:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(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>
