이 글은 H5EDU 조직의 공식 HTML5 교육 튜토리얼입니다. 주로 다음 내용을 소개합니다: JavaScript 향상 튜토리얼 - 프로토타입
프로토타입 인용
JavaScript 라이브러리를 테스트하려면 웹 페이지에서 참조해야 합니다. .
라이브러리를 참조하려면 src 속성이 라이브러리의 URL로 설정된
참조 프로토타입
;헤드>
<스크립트
src="http://apps.bdimg.com/libs/pro ... gt%3B
Prototype 설명
Prototype도 jQuery와 유사하게 기능을 제공합니다. $() 함수가 있습니다.
$() 함수는 HTML DOM 요소(또는 DOM 요소)의 id 값을 받아들이고 DOM 객체에 새로운 기능을 추가합니다.
Prototype에는 jQuery와는 달리 window.onload()를 대체하는 Ready() 메서드 대신 Prototype은 브라우저와 HTML DOM에 확장을 추가합니다.
JavaScript에서는 창 로드 이벤트를 처리하는 함수를 할당할 수 있습니다.
JavaScript 메서드:
function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype"
}
onload= myFunction; >동등한 프로토타입이 다릅니다:
프로토타입 메서드:
function myFunction()
{
$("h01").insert("Hello Prototype!"); Event.observe(window,"load",myFunction);
Event.observe()는 세 가지 매개변수를 허용합니다:
처리하려는 HTML DOM 또는 BOM(브라우저 개체 모델) 개체
원하는 이벤트
호출하려는 함수
테스트 프로토타입
다음 예를 시도해 보세요.
예제
script
src="http://apps.bdimg.com/libs/pro ... gt%3B
<script> <br> 함수 myFunction() <br>{ <br>$("h01").insert("Hello Prototype!") <br>} <br>Event.observe(window,"load",myFunction) <br> </script> 🎜>