prototype 1.5 첫 체험 1 / 2 페이지

프로 토 타 입 을 볼 시간 이 없 었 는데, 지금 은 됐 습 니 다. 1.5 로 업데이트 되 었 습 니 다. pre1, 하하, 강력 한 기능 을 배 울 수 밖 에 없 군요. 이것 은 자신의 JS 능력 을 향상 시 키 는 또 하나의 지름길 입 니 다. 1. Prototype 이 뭐 예요?아직 사용 해 본 적 이 없 을 지도 모 르 지만, prototype.js 샘 스 티 븐 슨 이 쓴 자 바스 크 립 트 패키지.이 구상 은 기묘 하 게 잘 작 성 된 호 환 표준 코드 로 뚱뚱 한 클 라 이언 트 를 만 들 것 입 니 다. 높 은 상호작용 WEB 응용 프로그램의 무 거 운 짐.쉽게 웹 가입 2.0 특성.최근 에 이 패 키 지 를 체험 했다 면 문서 가 강점 중 하나 가 아니 라 는 것 을 알 게 될 것 이다.이전 개발 자 들 처럼 저 는 prototype. js 의 소스 코드 에 머리 를 박 고 그 중의 모든 부분 을 시험 할 수 밖 에 없습니다. 나 는 내 가 그 를 공부 할 때 필 기 를 하고 다른 사람 에 게 공유 하 는 것 이 좋 을 것 이 라 고 생각한다.나 도 함께 이 가방 의 대상, 클래스, 방법 과 확장 을 제공 했다. 비공 식 참고 。 2. 유 니 버 설 방법 이 패키지 에는 미리 정 의 된 대상 과 유 니 버 설 방법 이 많이 포함 되 어 있다.이 방법 들 을 작성 하 는 뚜렷 한 목적 은 중복 인 코딩 과 관용 을 줄 이기 위 한 것 이다.Prototype 1.5. x 버 전부터 다음 코드 처럼 DOM 대상 을 더욱 편리 하 게 조작 할 수 있 습 니 다. 

 
  
var ele = $("myelement"); 
  
ele.hide(); //  DOM         var ele = $("myelement"); 
  
Element.hide(ele); //  DOM   
  
 
 

이런 변 화 는 어떤 이점 이 있 습 니까? 나 는 첫째 는 더욱 대상 을 향 한 것 이 라 고 생각한다. 둘째, 앞으로 IDE 의 코드 알림 에 편리 하 다 는 것 이다. 
2.1. 쓰다 $() 방법
$() 방법 은 DOM 에서 너무 자주 사용 하 는 거 예요. document.getElementById() 방법의 편리 한 약자 입 니 다. 이 DOM 방법 처럼 이 방법 은 매개 변수 가 들 어 오 는 id 의 요 소 를 되 돌려 줍 니 다.
DOM 의 방법 보다 이것 이 더 낫다.여러 id 를 매개 변수 로 전송 할 수 있 습 니 다. $() 모든 요 구 를 가 진 요 소 를 되 돌려 줍 니 다. Array 대상아래 의 예 는 너 에 게 이것들 을 묘사 할 것 이다.

 
  
 
  
 
  
 
  
 
  
 
  
 
  <br>    function test1() 
  <br>    { 
  <br>        var d = $('myDiv'); 
  <br>        alert(d.innerHTML); 
  <br>    } 
  <br> 
  <br>    function test2() 
  <br>    { 
  <br>        var divs = $('myDiv','myOtherDiv'); 
  <br>        for(i=0; i<divs.length; i++) 
  <br>        { 
  <br>            alert(divs[i].innerHTML); 
  <br>        } 
  <br>    } 
  <br> 
  
 
  
 
  
 
  
    
 
  
        
This is a paragraph
 
  
    
 
  
    
 
  
        
This is another paragraph
 
  
    
 
  
 
  
    
 
  
    
 
  
 
  
 
  
 
 

이 방법의 또 다른 장점 은 id 문자열 이나 요소 대상 자신 을 입력 할 수 있다 는 것 입 니 다. 이 는 모든 형식의 매개 변 수 를 입력 할 수 있 는 방법 을 만 들 때 그것 은 매우 유용 하 게 변 했다.
2.2. $F () 방법 사용 하기
$F () 방법 은 또 다른 인기 있 는 약자 입 니 다.텍스트 상자 나 드 롭 다운 상자 와 같은 입력 폼 컨트롤 의 값 을 되 돌려 줍 니 다. 이 방법 은 원소 의 id 나 원소 자신 에 게 전 달 될 수 있다.

 
  
 
  <br>    function test3() 
  <br>    { 
  <br>        alert(  $F('userName')  ); 
  <br>    } 
  <br> 
  

  
  

 
  
 
 

2.3. Try. these () 방법 사용 하기
Try.these() 방법 은 그 중의 성공 적 이 고 정상 적 인 수요 가 있 을 때 까지 다른 방법 을 사용 하 는 것 을 실현 하 는 것 이 매우 쉬 워 집 니 다. 그 는 일련의 방법 을 매개 변수 로 하고 그 중의 성공 적 으로 실 행 될 때 까지 순서대로 이 방법 들 을 실행 하여 성공 적 으로 실 행 된 그 방법의 반환 값 을 되 돌려 주 었 다.
아래 의 예 에서 xmlNode. text 는 일부 브 라 우 저 에서 사용 하기 좋 지만 xmlNode. textContent 는 다른 브 라 우 저 에서 정상적으로 작 동 합 니 다. Try. these () 방법 을 사용 하면 우 리 는 정상적으로 일 하 는 그 방법의 반환 값 을 얻 을 수 있다.

 
  
 
  <br>function getXmlNodeValue(xmlNode){ 
  <br>    return Try.these( 
  <br>        function() {return xmlNode.text;}, 
  <br>        function() {return xmlNode.textContent;) 
  <br>        ); 
  <br>} 
  <br> 
  
 
 

12 다음 페이지 전문 읽 기