자바스크립트 출력

JavaScript에는 인쇄 또는 출력 기능이 없습니다.

JavaScript를 사용하여 데이터 표시

JavaScript는 다양한 방식으로 데이터를 출력할 수 있습니다.

window.alert()를 사용하여 경고 상자를 표시합니다.

HTML 문서에 내용을 쓰려면 document.write() 메서드를 사용하세요.

innerHTML을 사용하여 HTML 요소에 씁니다.

브라우저 콘솔에 쓰려면 console.log()를 사용하세요. ㅋㅋㅋ JavaScript의 HTML 요소, document.getElementById(id) 메소드를 사용할 수 있습니다.

HTML 요소를 식별하려면 "id" 속성을 사용하고 요소 콘텐츠를 가져오거나 삽입하려면 innerHTML을 사용하세요.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文网（php.cn)</title>
</head>
<body>
<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>
<script>
    window.alert('你好吗');
</script>
</body>
</html>

프로그램을 실행하여 사용해 보세요

위의 JavaScript 문(<script> 태그에 있음)은 다음과 같습니다. 웹 브라우저에서 실행:

document.getElementById("demo")는 id 속성을 사용하여 HTML 요소를 찾는 JavaScript 코드입니다.

innerHTML = "단락이 수정되었습니다."는 요소의 HTML 콘텐츠(innerHTML)를 수정하는 데 사용되는 JavaScript 코드입니다.

HTML 문서에 쓰기

HTML 문서에 JavaScript를 직접 작성할 수 있습니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文网（php.cn）</title>
</head>
<body>
<h1>PHP中文网</h1>
<p id="demo">我的第一个段落。</p>
<script>
    document.getElementById("demo").innerHTML="段落已修改。";
</script>
</body>
</html>

프로그램을 실행하여 사용해 보세요

참고: 문서 출력에만 내용을 쓰려면 document.write()를 사용하십시오. . 문서 로드가 완료된 후 document.write를 실행하면 전체 HTML 페이지를 덮어쓰게 됩니다. 아래와 같이

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文网（php.cn）</title>
</head>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<script>
    document.write(Date());
</script>
</body>
</html>

프로그램을 실행하고 사용해 보세요

Write to the console

브라우저가 디버깅을 지원하는 경우 console.log() 메서드를 사용하여 브라우저에 JavaScript 값을 표시할 수 있습니다.

브라우저에서 F12를 사용하여 디버깅 모드를 활성화하고 디버깅 창에서 "콘솔" 메뉴를 클릭하세요.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>PHP中文网(php.cn)</title> 
</head>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() 
{
    document.write(Date());
}
</script>
</body>
</html>

프로그램을 실행해서 사용해 보세요

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网（php.cn)</title> </head> <body> <h1>我的第一个页面</h1> <p>我的第一个段落。</p> <script> window.alert('你好吗'); </script> </body> </html>

제출하다 코드 재설정

자동운전