>웹 프론트엔드 >JS 튜토리얼 >도장 학습 첫날 Tab 탭 구현_도장

도장 학습 첫날 Tab 탭 구현_도장

WBOY
WBOY원래의
2016-05-16 18:02:581449검색

사실, "Dojo 마스터하기"라는 말에 따르면 "Dojo는 단순한 라이브러리가 아니라 툴킷입니다." 다른 모든 JS 라이브러리 플러그인보다 더 포괄적이고 광범위합니다. 여기에는 약 40개의 사용자 인터페이스 컨트롤, 그래픽 프레임워크, 혜성 지원, 패키징 시스템 및 기타 몇 가지 사항이 포함되어 있습니다.

도장 공식 홈페이지에서 최신 버전 1.6을 다운로드하고 압축을 해제하세요.

세 개의 폴더가 있습니다.

1. Dojo의 기반입니다. 수행하려는 모든 작업은 jquery.js 파일과 유사하지만 다른 기능이 더 풍부합니다.
2. dijit: Dojo의 위젯 프레임워크 및 내장 위젯 세트(약 40개의 HTML 사용자 위젯이 있음)

3 dojox: 테이블 위젯부터 그리기 라이브러리까지 모든 기능을 포함하는 Dojo 확장 라이브러리입니다.


이것을 이해하는 것만으로도 충분합니다. 비록 1.6까지만 출시되었고 jquery처럼 6.1에 도달하지는 않았지만 도장을 선택하는 것은 확실히 당신의 평생 추구가 될 것입니다. (광고 문구)

(참고: Dojo는 2004년 Alex에 의해 시작되어 이후 많은 DHTML 전문가에 의해 개발되었으므로 이제 매우 성숙해졌습니다.)

다음으로 첫 번째 예시를 구성하겠습니다. 준비되셨나요? 도장 여행이 정식으로 시작되었습니다. 양식 등록의 예를 만들어 보겠습니다.


먼저 테마 스타일을 참조해야 합니다.




<스크립트>
dojo.require("dojo.parser");
dojo.require('dijit.layout.ContentPane');
dojo.require('dijit.layout.TabContainer');

<스타일>
.myForm{width:600px;height:300px;line-height:1.6;}
.myForm label{width:150px;float:left;}

















<라벨>주소:<입력 유형='text' id='주소' />



















성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:자바스크립트 객체지향 프로그래밍 (3) 비생성자 함수의 상속_js 객체지향다음 기사:자바스크립트 객체지향 프로그래밍 (3) 비생성자 함수의 상속_js 객체지향

관련 기사

더보기