1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:03,130 >> 데이비드 J. 마란 :의 웹을 구현하자 따라서 사용자에게 안부 페이지, 3 00:00:03,130 --> 00:00:06,830 DOM을 보여주는 방법 문서 객체 모델, 또는 트리 4 00:00:06,830 --> 00:00:10,220 정말 아래에있다 구조 사용자가 웹 페이지를 렌더링 후드. 5 00:00:10,220 --> 00:00:11,440 >> 어디 보자. 6 00:00:11,440 --> 00:00:15,950 여기에, DOM-0.html에 통지하는 내부 페이지의 몸, 나는이 7 00:00:15,950 --> 00:00:19,860 폼 태그의 고유 식별자 , 끝 맺다 인용, "데모"입니다.하는 8 00:00:19,860 --> 00:00:23,670 한편, 나는 또한가 onsubmit이 그렇지 않으면 이벤트로 알려진 속성 9 00:00:23,670 --> 00:00:28,150 되도록 지정 처리기가 onsubmit, 이 양식을 제출, 10 00:00:28,150 --> 00:00:30,800 분명히라는 기능 인사가 실행되어야한다. 11 00:00:30,800 --> 00:00:32,960 그리고 거짓이 반환되어야합니다. 12 00:00:32,960 --> 00:00:33,830 >> 왜 거짓? 13 00:00:33,830 --> 00:00:36,850 음, 사실은 제출하지 않을 에서 원격 웹 서버에이 양식 14 00:00:36,850 --> 00:00:37,810 전통적인 방법. 15 00:00:37,810 --> 00:00:40,850 그 양식을 회피 할 제출과 함께 뭔가를 할 16 00:00:40,850 --> 00:00:42,690 자바 스크립트를 사용하여 클라이언트 측. 17 00:00:42,690 --> 00:00:44,010 실제로, 여기에서 확인할 수 있습니다. 18 00:00:44,010 --> 00:00:47,290 내 웹 페이지의 머리에, 나는이 하는 내부 스크립트 태그이며, 19 00:00:47,290 --> 00:00:49,420 그 함수의 시작 인사했다. 20 00:00:49,420 --> 00:00:51,040 >> 실제로 무엇을 하시겠습니까? 21 00:00:51,040 --> 00:00:54,530 음, 인사, 내부에하자 간단하게 경고 함수를 호출합니다. 22 00:00:54,530 --> 00:00:57,770 그리고 뭔가를 인쇄 안녕하세요 같은 공간. 23 00:00:57,770 --> 00:01:01,460 그리고 그 말에 연결할 의 호출의 결과 24 00:01:01,460 --> 00:01:08,370 document.getElementById를, 지정 구체적으로는 고유 식별자, 25 00:01:08,370 --> 00:01:10,070 맺다 인용, "이름." 26 00:01:10,070 --> 00:01:13,670 >> 특히, 일단 우리가 왔 그 요소 트리의 노드 27 00:01:13,670 --> 00:01:17,640 그하자,이 웹 페이지를 나타냅니다 구체적으로는 값으로의 Get 28 00:01:17,640 --> 00:01:19,320 지정. 값. 29 00:01:19,320 --> 00:01:22,060 그리고, 그냥 재미로,하자 해당의 단부에 연결할 30 00:01:22,060 --> 00:01:23,730 느낌표. 31 00:01:23,730 --> 00:01:28,460 >> 열,의 지금이 파일을 저장할 수 있습니다 브라우저에서, 그리고 안녕을 참조하십시오. 32 00:01:28,460 --> 00:01:33,600 http://localhost/dom-0.html. 33 00:01:33,600 --> 00:01:34,670 >> 그 형태가있다. 34 00:01:34,670 --> 00:01:36,530 이제 가서 내 이름을 입력 할 수 있습니다. 35 00:01:36,530 --> 00:01:38,530 제출을 클릭 하였다. 36 00:01:38,530 --> 00:01:39,910 그리고 거기에서 우리는, 안녕하세요 데이비드를 참조하십시오! 37 00:01:39,910 --> 00:01:42,410 38 00:01:42,410 --> 00:01:43,660 그게 나야. 39 00:01:43,660 --> 00:01:44,363