Thứ Tư, 12 tháng 2, 2014
JavaScript - Testing Prototype
Kiểm tra thư viện JavaScript Framework - Prototype
Bao gồm cả thử nghiệm
Để kiểm tra một thư viện JavaScript, bạn cần phải bao gồm nó trong trang web của bạn.
Bao gồm một thư viện, sử dụng thẻ script với thuộc tính src thiết lập để URL của thư viện:
Bao gồm cả thử nghiệm
<!DOCTYPE html>
<html>
<head>
<script
src="http://ajax.googleapis.com/ajax/libs/
prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<script
src="http://ajax.googleapis.com/ajax/libs/
prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>
Nguyên mẫu mô tả
Nguyên mẫu cung cấp chức năng để làm cho lập trình HTML DOM dễ dàng hơn.
Như jQuery, Prototype có $ của nó () chức năng.
Các $ () chức năng chấp nhận HTML DOM yếu tố giá trị id (hoặc các yếu tố DOM), và cho biết thêm chức năng mới cho các đối tượng DOM.
Không giống như jQuery, Prototype không có phương pháp sẵn sàng () để thay thế cho sự window.onload (). Thay vào đó, thử nghiệm thêm phần mở rộng cho trình duyệt và DOM HTML.
Trong JavaScript, bạn có thể chỉ định một chức năng để xử lý các sự kiện cửa sổ tải:
The Way JavaScript:
function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
Các thử nghiệm tương đương là khác nhau:
The Way Prototype:
function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
Event.observe () chấp nhận ba đối số:
- HTML DOM hoặc BOM (Browser Object Model) đối tượng bạn muốn để xử lý
- Trường hợp bạn muốn xử lý
- Các chức năng bạn muốn gọi
Kiểm tra thử nghiệm
Hãy thử ví dụ sau:
Ví dụ
<!DOCTYPE html>
<html>
<script
src="https://ajax.googleapis.com/ajax/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="https://ajax.googleapis.com/ajax/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>
Thử nó cho mình »
Cũng cố gắng này:
Ví dụ
<!DOCTYPE html>
<html>
<script
src="https://ajax.googleapis.com/ajax/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>
<html>
<script
src="https://ajax.googleapis.com/ajax/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>
Thử nó cho mình »
Như bạn có thể nhìn thấy từ ví dụ trên, như jQuery, Prototype cho phép chain.
Chaining là một cách tiện dụng để thực hiện nhiều nhiệm vụ trên một đối tượng.
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét