이 글은 주로 프로토타입.js의 각 기능의 사용법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있으면 좋겠습니다.
함수 이름 | 설명 | 예 |
---|---|---|
Element.toggle | 또는 숨기기 또는 표시 | Element.toggle(''p1'',''p2'') |
요소. hide | Hide | Element.hide(''p1'',''p2'') |
Element.show | Show | Element.show(''p1'',''p2'') |
Element.remove | 삭제 | Element.remove(''p1'',''p2'') |
Element.getHeight | 높이 가져오기 | Element.getHeight(''p1'' ) |
Toggle.display | Element.toggle | 과 동일 Toggle.display(''p1'',''p2'') |
Insertion.Before | p | Insertion 앞에 텍스트를 삽입하세요. Before(''p1'',''내 콘텐츠'') |
Insertion.After | p | Insertion.After(''p1'',''내 콘텐츠'') |
Insertion.Top | p 시작 부분에 텍스트 삽입 | Insertion.Top(''p1'',''this is a text'') |
Insertion.Bottom | p 끝 부분에 텍스트 삽입 | Insertion.Bottom(''p1'',''this is a text'') |
PeriodicalExecuter | 주어진 빈도로 Javascriptt의 일부를 호출합니다 | PeridicalExecutor(test, 1)"여기 테스트는 Javascriptt의 함수, 1은 빈도(1초)입니다. |
$ | p를 얻습니다. getElementById() | $(''p1'') |
Field.clear | 입력 지우기 box | Field.clear(''textfield1'') |
Field.focus | 입력 상자에 초점을 맞춥니다 | Field.focus(''select1'') |
Field.present | 내용이 비어있습니다 | Alert(Field.present(''textfield1''))" |
Field.select | 입력 상자의 내용을 선택하세요 | Field.select(''textfield1'')" |
Field .activate | 입력 상자에 집중하고 입력 상자의 내용 선택 | Field.activate(''textfield1'')" |
Form.serialize | 양식 내용을 문자열로 변환 | |
Form.getElements | 양식의 내용을 배열 형식으로 가져오기 | |
Form.disable | 양식의 모든 내용을 비활성화합니다. | Form.disable(''form1'') ( 작동하지 않는 것 같습니다.) |
Form.focusFirstElement | 양식의 첫 번째 요소에 집중하세요 | Form.focusFirstElement(''form1'') |
Form.reset | 양식 재설정 | Form.reset(''form1'') |
Form.Element.getValue | 양식 입력 상자의 값을 가져옵니다. | Form.Element.getValue(''text1'') |
Form.Element .serialize | 양식의 입력 상자 내용을 문자열 | 로 변환합니다. Form.Element.serialize(''text1'') |
$F | Form.Element.getValue() | 와 동일 $ F(''text1'') |
Effect.Highlight | 강조 효과. | Effect.Highlight(''text1'') |
Effect.Fade | 페이딩 효과 | |
효과 .Scale | 확대 및 축소(백분율) | Effect. Scale(''text1'', 200) |
Effect.Squish | 사라지는 특수효과. 축소 후 텍스트가 사라집니다 | Effect.Squish(''text1'') |
Effect.Puff | 특수 효과가 사라집니다. 확대하면 텍스트가 사라집니다 | Effect.Puff(''text1'') |
Effect.Appear | 특수 효과가 나타납니다 | |
Effect.ContentZoom | ZOOM 특수 효과가 나타납니다. | |
Ajax.Request | 서버에 Ajax 요청 보내기 | Ajax.Request(''http://server/s.php'') |
Ajax.Updater | 다음으로 Ajax 요청 보내기 그리고 응답 결과로 지정된 컨테이너를 업데이트합니다 | Ajax.Updater(''text1'',''http://server/s.php'') |
기본 사용법: 프로토타입.js 각 주요 클래스는 클래스로 나누어져 있어 사용하기 매우 편리합니다. 특정 효과를 생성하려면 새로운 Class.function(e033a1f0db391ac425f0fa059bc92453)을 사용하세요. 예:
<p id="p1"><a href="#" onclick="new Element.toggle('p2')">Click Me</a></p> <p id="p2">Hello!</p>
Click Me를 클릭하면 p2가 대체 숨기기 또는 표시. Element.toggle("p2", "p3", "p4",...)와 같이 토글에 무제한 매개변수를 추가할 수 있습니다.
위 내용은 모두를 위해 편집한 내용입니다. 앞으로 모든 사람에게 유용할 것입니다.
관련 기사:
window.close(); 브라우저 창 닫기 js코드 요약(자세한 설명)
Js를 사용하여 배열에서 하나 이상의 항목을 삭제하는 여러 가지 방법
Js OOP 프로그래밍으로 생성된 객체에 대한 자세한 해석
위 내용은 프로토타입.js의 공통 기능에 대한 기본 지식에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!