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

이 글은 주로 프로토타입.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(<인수>)을 사용하세요. 예:

<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!