>웹 프론트엔드 >JS 튜토리얼 >프로토타입.js의 공통 기능에 대한 기본 지식에 대한 자세한 설명

프로토타입.js의 공통 기능에 대한 기본 지식에 대한 자세한 설명

亚连
亚连원래의
2018-05-21 09:16:501169검색

이 글은 주로 프로토타입.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)
여기서 200 = 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(&#39;p2&#39;)">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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.