JavaScript는 4가지 방법으로 데이터를 출력할 수 있습니다.
window.alert()를 사용하여 경고 상자를 표시합니다.
HTML 문서에 내용을 쓰려면 document.write() 메서드를 사용하세요.
innerHTML을 사용하여 HTML 요소에 씁니다.
브라우저 콘솔에 쓰려면 console.log()를 사용하세요.
window.alert()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script src="/static/js/abc.js"></script><script>
function myFunction()
{
window.alert("Hello! 这是一个按钮");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="Show alert box">
</body>
</html>document.write()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<h1>Head</h1>
<script>
document.write('<p>hello document</p>');
</script>
<h2>Tail</h2>
</html>innerHTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function getInnerHTML(){
alert(document.getElementById("test").innerHTML);
}
</script>
</head>
<body>
<p id="test"><span color="#000">php中文网</span></p>
<input type="button" onclick="getInnerHTML()" value="点击" />
</body>
</html>console.log()
브라우저가 디버깅을 지원하는 경우 console.log() 메서드를 사용하여 브라우저에 JavaScript 값을 표시할 수 있습니다.
브라우저에서 F12를 사용하여 디버깅 모드를 활성화하고 디버깅 창에서 "콘솔" 메뉴를 클릭하세요.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</head>
<body>
<p>在浏览器中使用F12来调试，在调试窗口中点击 "Console"</p>
</body>
</html>
다음 섹션