JavaScript ทดสอบต้นแบบ
การทดสอบไลบรารี JavaScript กรอบ - ต้นแบบ
อ้างอิงต้นแบบ
เพื่อทดสอบห้องสมุด JavaScript คุณต้องอ้างอิงได้ในเว็บเพจ
เพื่ออ้างถึงห้องสมุดใช้ <script> แท็กซึ่ง src แอตทริบิวต์การตั้งค่าไปยังห้องสมุด URL นี้:
อ้างอิงต้นแบบ
<html>
<head>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>
ต้นแบบคำอธิบาย
ต้นแบบให้ฟังก์ชั่นเปิดใช้งาน HTML DOM เขียนโปรแกรมได้ง่ายขึ้น
คล้ายกับ jQuery ต้นแบบนอกจากนี้ยังมีของตัวเอง $ () ฟังก์ชัน
$ () ฟังก์ชันยอมรับค่า ID HTML องค์ประกอบ DOM (หรือองค์ประกอบ DOM) และจะเพิ่มคุณสมบัติใหม่ไปยังวัตถุ DOM
ที่แตกต่างกันกับ jQuery ต้นแบบไม่ได้ที่จะมาแทนที่ window.onload () พร้อมวิธี () แต่ต้นแบบจะเพิ่มส่วนขยายเบราว์เซอร์และ HTML DOM
ใน JavaScript คุณสามารถกำหนดฟังก์ชั่นการจัดการกรณีที่โหลดหน้าต่าง:
วิธี javascript:
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
ต้นแบบเทียบเท่าจะแตกต่างกัน
โหมดต้นแบบ:
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
Event.observe () ยอมรับสามพารามิเตอร์:
- คุณต้องการที่จะจัดการกับ DOM HTML หรือ BOM (เบราว์เซอร์ Object Model) วัตถุ
- เหตุการณ์ที่คุณต้องการจัดการ
- ฟังก์ชั่นที่คุณต้องการเรียก
การทดสอบต้นแบบ
โปรดลองตัวอย่างต่อไปนี้:
ตัวอย่าง
<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>
ลอง»
โปรดลองอีกครั้งในตัวอย่างนี้
ตัวอย่าง
<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>
ทดสอบ >>
ที่คุณสามารถดูในตัวอย่างข้างต้นเช่นเดียวกับ jQuery ต้นแบบช่วยให้ไวยากรณ์โซ่
การเชื่อมโยง (Chaining) เป็นวิธีการในการดำเนินการหลายงานในเรื่องเดียวกันวิธีที่สะดวก