프로토 타입-개요

프로토 타입이란?

Prototype은 동적 웹 애플리케이션의 개발을 용이하게하는 자바 스크립트 프레임 워크입니다. 프로토 타입은 Sam Stephenson이 개발했습니다.

Prototype은 JavaScript 라이브러리로, 매우 쉽고 재미있는 방식으로 DOM을 조작 할 수 있습니다 (브라우저 간).

Scriptaculous 및 Rico 와 같은 기타 라이브러리 는 Prototype의 기반에 구축되어 위젯 및 기타 최종 사용자 항목을 생성합니다.

Prototype −

유용한 메소드로 DOM 요소 및 내장 유형을 확장합니다.
상속을 포함한 클래스 스타일 OOP에 대한 기본 지원이 있습니다.
이벤트 관리에 대한 고급 지원이 있습니다.
강력한 Ajax 기능이 있습니다.
완전한 애플리케이션 개발 프레임 워크가 아닙니다.
위젯이나 표준 알고리즘 또는 I / O 시스템의 전체 세트를 제공하지 않습니다.

프로토 타입을 설치하는 방법?

프로토 타입은 prototype.js라는 단일 파일로 배포됩니다. 프로토 타입 라이브러리를 설정하려면 아래 언급 된 단계를 따르십시오.

다운로드 페이지 (http://prototypejs.org/download/) 로 이동하여 편리한 패키지로 최신 버전을 가져옵니다.
이제 웹 사이트의 디렉토리 (예 : / javascript)에 prototype.js 파일을 넣으십시오.

이제 웹 페이지에서 강력한 Prototype 프레임 워크를 사용할 준비가되었습니다.

프로토 타입 라이브러리를 사용하는 방법?

이제 다음과 같이 Prototype 스크립트를 포함 할 수 있습니다.

<html>
   <head>
      <title>Prototype examples</title> 
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
   </head>
   
   <body>
      ........
   </body>
</html>

예

다음은 Prototype의 $ () 함수를 사용하여 JavaScript에서 DOM 요소를 얻는 방법을 보여주는 간단한 예입니다.

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         function test() {
            node = $("firstDiv");
            alert(node.innerHTML);
         }
      </script>
   </head>

   <body>
      <div id = "firstDiv">
         <p>This is first paragraph</p> 
      </div>
      
      <div id = "secondDiv">
         <p>This is another paragraph</p>
      </div>
      
      <input type = "button" value = "Test $()" onclick = "test();"/>
   </body>
</html>

산출

왜이 튜토리얼인가?

프로토 타입 프레임 워크를위한 아주 좋은 문서에서 확인할 수있다 prototypejs.org 일이 자습서를 참조해야하는 이유를 다음!

대답은이 튜토리얼에서 가장 일반적으로 사용되는 기능을 모두 모았다는 것입니다. 둘째, 공식 사이트에서 볼 수없는 적절한 예제와 함께 모든 유용한 방법을 설명했습니다.

Prototype Framework의 고급 사용자 인 경우 공식 웹 사이트로 바로 이동할 수 있습니다. 그렇지 않으면이 자습서가 좋은 시작이 될 수 있으며 참조 설명서처럼 사용할 수 있습니다.