JavaScript 輸出
JavaScript 通常用於操作 HTML 元素。
JavaScript 顯示資料
JavaScript 可以透過不同的方式輸出資料：
使用 window.alert() 彈出警告框。使用 document.write() 方法將內容寫到 HTML 文件中。使用 innerHTML 寫入到 HTML 元素。使用 console.log() 寫入瀏覽器的控制台。
操作 HTML 元素
如需從 JavaScript 存取某個 HTML 元素，您可以使用 document.getElementById(id) 方法。
請使用"id" 屬性來識別HTML 元素：
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script>document.getElementById("demo").innerHTML="My First JavaScript";</script>
</body>
</html>
#以上JavaScript 語句（在<script> ; 標籤中）可以在web 瀏覽器中執行：
document.getElementById("demo") 是使用id 屬性來尋找HTML 元素的JavaScript 程式碼。
innerHTML = "段落已修改。" 是用於修改元素的 HTML 內容(innerHTML)的 JavaScript 程式碼。
使用window.alert()
#你可以彈出警告框來顯示資料：
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>
<script>
window.alert('Hello Word!');
</script>
</body>
</html>在本教程中
在大多數情況下，在本教程中，我們將使用上面描述的方法來輸出：
下面的範例直接把id="demo" 的<p> 元素寫到HTML 文件輸出中：
寫到HTML 文件
出於測試目的，您可以將JavaScript直接寫在HTML 文件中：
<!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 啟用偵錯模式， 在偵錯視窗中點選 "Console" 選單。
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
程式中偵錯是測試，找出及減少bug(錯誤)的過程。
下一節