자바 스크립트는 내장 인쇄 또는 표시 기능이 없습니다.
자바 스크립트를 표시 가능성
자바 스크립트를 여러 가지 방법으로 할 수 있습니다 "디스플레이"데이터 :
- 사용 경고 상자에 쓰기 window.alert() .
- 사용하여 HTML 출력으로 작성 document.write() .
- 사용하여 HTML 요소로 작성 innerHTML .
- 사용 브라우저 콘솔에 쓰기 console.log() .
사용 window.alert()
당신은 데이터를 표시하는 경고 상자를 사용할 수 있습니다 :
예
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
»그것을 자신을 시도 사용 document.write()
테스트를 위해, 사용하기 편리 document.write() :
예
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
»그것을 자신을 시도 사용 document.write() HTML 문서가 완전히로드 된 후 것은, 기존의 모든 HTML을 삭제합니다 :
예
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
»그것을 자신을 시도 document.write() 메소드는 테스트 용으로 만 사용되어야합니다.
사용 innerHTML
HTML 요소에 액세스하려면 자바 스크립트가 사용할 수있는 document.getElementById(id) 방법을.
id 속성은 HTML 요소를 정의합니다. innerHTML 속성은 HTML 콘텐츠를 정의한다 :
예
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My
First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
»그것을 자신을 시도 당신은의 값을 설정합니다 (대부분의 경우) HTML에서 "디스플레이 데이터"에 innerHTML 속성을.
사용 console.log()
브라우저에서는 사용할 수 console.log() 데이터를 표시하는 방법을.
F12와 브라우저 콘솔을 활성화하고 메뉴에서 "콘솔"을 선택합니다.
예
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
»그것을 자신을 시도