js DOM 연구 노트_자바스크립트 기술

오늘은 DOM을 배우고 다음과 같은 기본 연습을 했습니다...
DOM은 Document Object Model의 약자로 DHTML 개발을 위해 DOM을 조작하기 위해 JavaScript를 사용합니다.
학습 목표: 일반적인 DHTML 효과를 얻기 위해 JavaScript를 사용하여 Dom을 작동할 수 있습니다.
참고 도서: Zhang Xiaoxiang의 "JavaScript 웹 개발 - 체험 학습 튜토리얼"
1. DOM 소개:
1. DOM은 HTML 페이지의 모델입니다. DOM의 속성과 메소드를 호출하여 웹페이지의 텍스트 상자, 레이어 및 기타 요소를 프로그래밍 방식으로 제어합니다. 예를 들어 텍스트 상자의 DOM 개체를 조작하여 텍스트 상자의 값을 읽고 설정할 수 있습니다.
2. DOM은 WinForm과 마찬가지로 이벤트, 속성, 메서드를 통해 프로그래밍할 수 있습니다.
3. CSS JavaScript DOM=DHTML(즉, HTML 언어의 확장입니다. 문서 및 개체의 표시 효과를 높일 수 있습니다.)
2. 이벤트: onmousedown의 코드는 마우스를 클릭할 때 실행됩니다. 시간 이벤트에 응답하기에는 코드가 너무 많으면 별도의 함수에 넣으세요
:

코드 복사 코드는 다음과 같습니다:

참고: onmousedown 이벤트의 응답 함수가 bodymousedown이 아니라 bodymousedown 함수를 호출한다는 의미이므로 bodymousedown 뒤의 괄호는 손실될 수 없습니다. 2. 동적으로 설정된 이벤트:
이벤트 응답 기능은 .Net의 "btn.Click="처럼 코드에서 동적으로 설정할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

.org/1999/xhtml">

type="button" onclick="document.ondblclick=f1" value="관련 이벤트 1" />