HTML의 문서 객체는 무엇입니까? 문서 개체를 이해하는 데 도움이 되는 기사
- 寻∝梦원래의
- 2018-09-01 13:59:339145검색
이 글에서는 주로 HTML 문서 객체에 대한 설명과 HTML 문서 객체의 사용 예 분석을 소개합니다. 다음으로 이 글을 함께 살펴보겠습니다.
먼저 HTML의 문서 객체에 대해 소개하겠습니다. :
문서 개체(document)는 브라우저 창의 문서를 나타냅니다. 이 개체는 window 개체의 하위 개체이므로 DOM 개체 모델의 기본 개체이므로 메서드와 하위 개체가 있습니다. 창 개체에서는 창을 사용하여 인용할 필요가 없습니다.
문서 개체를 통해 HTML 문서에 포함된 모든 HTML 태그에 액세스하고 HTML 태그의 내용을 동적으로 변경할 수 있습니다.
예: 양식, 이미지, 표, 하이퍼링크 등
HTML의 Document 개체 컬렉션을 살펴보겠습니다.
HTML의 document 개체에 대한 온라인 설명을 살펴보겠습니다.
HTMLDocument 인터페이스는 HTML을 정의하는 DOM 문서 인터페이스를 확장합니다. 특정 속성 및 방법.
많은 속성과 메서드는 앵커, 양식, 링크 및 기타 스크립트 가능한 요소에 대한 참조를 보유하는 HTMLCollection 개체(실제로 배열이나 이름으로 인덱싱할 수 있는 읽기 전용 배열)입니다.
이러한 컬렉션 속성은 레벨 0 DOM에서 파생됩니다. Document.getElementsByTagName()으로 대체되었지만 편리하기 때문에 여전히 자주 사용됩니다.
write() 메서드는 주목할 가치가 있습니다. 이 메서드를 사용하면 문서를 로드하고 구문 분석하는 동안 스크립트가 동적으로 생성된 콘텐츠를 문서에 삽입할 수 있습니다.
레벨 1 DOM에서 HTMLDocument는 getElementById()라는 매우 유용한 메서드를 정의합니다. 레벨 2 DOM에서 이 메소드는 Document 인터페이스로 이동되었으며 이제 HTMLDocument에 의해 정의되지 않고 상속됩니다.
다음으로 HTML 문서 개체 사용의 예를 들어보겠습니다.
<HTML>
<HEAD>
<TITLE>PHP中文网</TITLE>
<SCRIPT LANGUAGE="JScript">function reportMove()
{ window.status = "X=" + window.event.x + " Y=" + window.event.y;
}
</SCRIPT>
</head>
<BODY onmousemove="reportMove()">
<H1>欢迎!</H1>
</BODY>
</HTML>
上面的例子使 문서 개체를 사용하여 문서 제목을 확인하고 메시지 상자에 제목을 표시합니다(비어 있지 않은 경우). if(document.title!="")alert("title is "+document.title) 다음 예는 브라우저 상태 표시줄에 마우스의 현재 위치를 표시하는 이벤트 핸들러 함수를 보여줍니다. 결과 위치는 문서의 왼쪽 상단 모서리.
위 내용은 본 글의 HTML 문서 객체에 대한 소개 및 사용 예시이므로, HTML 문서 객체에 대한 보다 명확한 이해를 돕기 위해 궁금한 사항은 아래로 문의해주세요.
【에디터 추천】
html 글꼴 태그의 글꼴 크기는 어떻게 설정하나요? HTML 글꼴 태그 속성 사용법 소개
HTML에 이미지를 추가하는 코드는 무엇인가요? HTML에 이미지 경로를 올바르게 추가하는 방법은 무엇입니까?
위 내용은 HTML의 문서 객체는 무엇입니까? 문서 개체를 이해하는 데 도움이 되는 기사의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!