728x90
반응형
SMALL
- DOM 구조
DOM은 정의 부분과 구현 부분으로 나뉘어져 있으며 정의부분(명세)에는 실제 동작하는 구현 소스 없이 웹 페이지
문서를 조작할 때 지켜야하는 규약이 명시되어 있다. DOM 정의 부분을 만드는 곳은 웹 표준을 정의하는 W3C
입니다.
구현 부분은 각각의 브라우저에 존재하며 각 브라우저를 만드는 업체의 기술력을 바탕으로 DOM의 내부 동작 코드를
채워 구현한다. DOM 표준 정의에 맞지 않는 형식의 함수명이나 기능으로 구현을 해놓은 브라우저일 경우 웹 표준을
지원하지 않는 브라우저라고 부른다고 하네요~
- 간단한 DOM구조 HTML문서
<!DOCTYPE html>
<html>
<head>
<title>dfasdf</title>
<script type="text/javascript">
function init() {
var header = document.getElementById('header');
}
</script>
</head>
<body onload="init();">
<h1 id="header">HEADER TEXT</h1>
</body>
</html>
- 간단한 DOM구조 HTML문서2
<!DOCTYPE html>
<html>
<head>
<title>dfasdf</title>
<script type="text/javascript">
window.onload = function(){
var header = document.getElementById('header');
};
</script>
</head>
<body onload="init();">
<h1 id="header">HEADER TEXT</h1>
</body>
</html>
자바스크립트의 dom구조란 쉽게 말해서 html문서안에 h1이라던지 내용을 javascript로 onload시켜서
웹페이지 화면을 구성하여 띄어주는 것을 얘기합니다~!!!ㅎㅎㅎ
document(DOM)를 사용한 예제나 소스 코드들은 시중에 찾아보면 많기 때문에 잘 알아두시면 좋겠죠~##
728x90
반응형
LIST
'IT 관련,, > 중요문자 적어두기' 카테고리의 다른 글
| [웹/jQuery]제이쿼리 animate에 대한 내용~!! (0) | 2020.07.26 |
|---|---|
| [웹/JS]자바스크립트 유효성 검사에 대한 내용 정리~!! (0) | 2020.07.25 |
| [Java/개발]자바 접근제어자(private, public 등)에 대해서 알아보자~!! (0) | 2020.06.28 |
| [database]오라클 계정 생성해서 권한주기 명령어~!! (0) | 2020.06.27 |
| [Java/개발] 이클립스(java)에 관련된 단축키들~!!! (0) | 2020.06.21 |