자바스크립트를 사용하여 인쇄하는 방법
- 藏色散人원래의
- 2021-07-17 13:57:402254검색
Javascript는 내장된 인쇄 또는 표시 기능을 제공하지 않지만 다음과 같은 다양한 방법으로 데이터를 "표시"할 수 있습니다. 1. "window.alert()"; 2. "document.write()"; , "innerHTML"; 4. "console.log()".
이 기사의 운영 환경: windows7 시스템, javascript 버전 1.8.5, DELL G3 컴퓨터
javascript로 인쇄하는 방법
JavaScript는 내장된 인쇄 또는 표시 기능을 제공하지 않습니다.
JavaScript 표시 솔루션
JavaScript는 다양한 방식으로 데이터를 "표시"할 수 있습니다.
window.alert()를 사용하여 경고 상자 작성
document.write()를 사용하여 HTML 출력 작성
innerHTML을 사용하여 HTML 작성 요소
console.log()를 사용하여 브라우저 콘솔에 쓰기
innerHTML 사용
HTML 요소에 액세스하려면 JavaScript에서 document.getElementById(id) 메서드를 사용할 수 있습니다.
id 속성은 HTML 요소를 정의합니다. innerHTML 속성은 HTML 콘텐츠를 정의합니다.
Example
<!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()를 사용하는 것이 더 편리합니다.
Example
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <p>我的第一个段落</p> <script> document.write(5 + 6); </script> </body> </html>
참고: HTML 문서가 완전히 로드된 후 document.write()를 사용하면 기존 일부 HTML 모두 삭제:
Example
<!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>
추천 학습: "javascript 고급 튜토리얼"
위 내용은 자바스크립트를 사용하여 인쇄하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!