JavaScript 기본 출력 및 임베디드 작성 튜토리얼_기본 지식
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
- 2016-05-16 15:36:021260검색
JavaScript에는 인쇄나 출력 기능이 없습니다.
HTML에서 JavaScript는 일반적으로 HTML 요소를 조작하는 데 사용됩니다.
HTML 요소 조작
JavaScript에서 HTML 요소에 액세스하려면 document.getElementById(id) 메서드를 사용할 수 있습니다.
HTML 요소를 식별하려면 "id" 속성을 사용하고 요소 콘텐츠를 가져오거나 삽입하려면 innerHTML을 사용하세요.
예시
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>
</body>
</html>
위의 JavaScript 문(3f1c4e4b6b16bbbd69b2ee476dc4f83a 태그에 있음)은 웹 브라우저에서 실행될 수 있습니다.
- document.getElementById("demo")는 id 속성을 사용하여 HTML 요소를 찾는 JavaScript 코드입니다.
- innerHTML = "단락이 변경되었습니다."는 요소의 HTML 콘텐츠(innerHTML)를 수정하는 데 사용되는 JavaScript 코드입니다.
HTML 문서에 쓰기
테스트 목적으로 HTML 문서에 직접 JavaScript를 작성할 수 있습니다.
예시
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <script> document.write(Date()); </script> </body> </html>
문서에 내용만 쓰려면 document.write()를 사용하세요.
문서 로드가 완료된 후 document.write를 실행하면 전체 HTML 페이지를 덮어쓰게 됩니다.
예시
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
document.write(Date());
}
</script>
</body>
</html>
콘솔에 쓰기
브라우저가 디버깅을 지원하는 경우 console.log() 메서드를 사용하여 브라우저에 JavaScript 값을 표시할 수 있습니다.
디버그 모드를 활성화하려면 브라우저에서 F12를 누르고 디버그 창에서 "콘솔" 메뉴를 클릭하세요.
예시
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.