【JavaScript 튜토리얼】JavaScript 출력
- 黄舟원래의
- 2016-12-24 14:26:15925검색
JavaScript 출력
JavaScript에는 인쇄나 출력 기능이 없습니다.
HTML에서는 HTML 요소를 조작하는 데 JavaScript가 자주 사용됩니다.
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 코드입니다.
이 튜토리얼에서는
대부분의 경우, 이 튜토리얼에서는 위에서 설명한 방법을 사용하여 출력합니다.
다음 예에서는 id= The 1eb14d2ffb67c049ae7c71f28eac34e4 요소는 HTML 문서 출력에 기록됩니다.
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>
알고 계셨나요?
프로그램에서 디버깅하는 것은 버그를 테스트하고 찾아내고 줄이는 것입니다( 오류) ) 프로세스.
위 내용은 [JavaScript Tutorial]의 JavaScript 출력 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요. !