masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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中文网(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中文网(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>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> function Person(name){ this.name=name; } Person.prototype.share=[]; Person.prototype.printName=function(){ alert(this.name); } var person1=new Person('Byron'); var person2=new Person('Frank'); person1.share.push(1); person2.share.push(2); console.log(person2.share); //[1,2] </script> </head> <body> <p>请在浏览器中打开 F12 观察结果</p> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya tiada
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492332 permainan