자바 스크립트 테스트 프로토 타입
테스트 자바 스크립트 프레임 워크 라이브러리 - 프로토 타입
참조 프로토 타입
자바 스크립트 라이브러리를 테스트하려면 웹 페이지에서 참조 할 필요가있다.
라이브러리를 참조하려면, 그 SRC 속성의 URL 라이브러리로 설정 <script> 태그를 사용합니다 :
참조 프로토 타입
<!DOCTYPE html>
<html>
<head>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>
<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에 대한 확장을 추가합니다.
자바 스크립트에서는 창로드 이벤트를 처리하는 기능을 할당 할 수 있습니다 :
자바 스크립트있어서
function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
등가 프로토 타입은 다르다 :
프로토 타입 모드 :
function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
Event.observe ()는 세 개의 매개 변수를 사용할 수
- 당신은 HTML DOM 또는 BOM (브라우저 개체 모델) 개체를 처리 할
- 이벤트는 처리 할
- 호출 할 함수
테스트 프로토 타입
다음 예제를 시도하십시오 :
예
<!DOCTYPE html>
<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").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
»시도
이 예에서 다시 시도하십시오 :
예
<!DOCTYPE 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>
<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를 같은, 프로토 타입 체인 구문을 할 수 있습니다.
링크 (체이닝)는 같은 피사체 편리한 방법에서 여러 작업을 수행하는 방법이다.