JavaScript 출력

JavaScript는 내장된 인쇄나 표시 함수를 제공하지 않습니다.

JavaScript 표시 계획

JavaScript는 데이터를 "표시"하는 여러 방법을 제공할 수 있습니다：

  • 사용 window.alert() 경고 팝업에 입력
  • 사용 document.write(); HTML 출력에 입력
  • 사용 innerHTML HTML 요소에 입력
  • 사용 console.log(); 브라우저 콘솔에 입력

innerHTML 사용

HTML 요소에 접근하려면 JavaScript가 사용할 수 있습니다 document.getElementById(id) 메서드.

id 속성은 HTML 요소를 정의합니다. innerHTML 속성은 HTML 내용을 정의합니다：

예제

<!DOCTYPE html>
<html>
<body>
<h1>제一张网页</h1>
<p>제一个个段落</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

직접 시도해 보세요

주의:HTML 요소의 innerHTML 속성을 변경하는 것은 HTML에서 데이터를 표시하는 일반적인 방법입니다.

document.write()를 사용하세요

테스트 목적을 위해 사용하세요 document.write(); 매우 편리합니다:

예제

<!DOCTYPE html>
<html>
<body>
<h1>제一张网页</h1>
<p>제一个个段落</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

직접 시도해 보세요

주의:HTML 문서가 완전히 로드된 후에 사용하세요 document.write(); 을 사용하세요모든 기존 HTML을 지우세요 :

예제

<!DOCTYPE html>
<html>
<body>
<h1>제一张网页</h1>
<p>제一个个段落</p>
<button onclick="document.write(5 + 6)">시도해 보세요</button>
</body>
</html>

직접 시도해 보세요

주의:document.write(); 이 메서드는 테스트 용으로만 사용됩니다.

window.alert()를 사용하세요.

데이터를 표시하는 데 사용할 수 있는 알림 팝업을 사용할 수 있습니다:

예제

<!DOCTYPE html>
<html>
<body>
<h1>제一张网页</h1>
<p>제一个个段落</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

직접 시도해 보세요

console.log()를 사용하세요.

브라우저에서는 다음과 같이 사용할 수 있습니다. console.log(); 데이터를 표시하는 방법.

브라우저 콘솔을 활성화하려면 F12를 누리고 메뉴에서 '콘솔'을 선택하세요.

예제

<!DOCTYPE html>
<html>
<body>
<h1>제一张网页</h1>
<p>제一个个段落</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

직접 시도해 보세요