JavaScript 輸出
阿新 • • 發佈：2018-09-04
屬性 itl alert ons 輸出 模式 元素 nbsp head
JavaScript 沒有任何打印或者輸出的函數。
JavaScript 顯示數據
JavaScript 可以通過不同的方式來輸出數據：
使用 window.alert() 彈出警告框。
使用 document.write() 方法將內容寫到 HTML 文檔中。
使用 innerHTML 寫入到 HTML 元素。
使用 console.log() 寫入到瀏覽器的控制臺。
使用 window.alert() 你可以彈出警告框來顯示數據： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <body> <h1>我的第一個頁面</h1> <p>我的第一個段落。</p> <script> window.alert(5 + 6); </script> </body> </html>
操作 HTML 元素 如需從 JavaScript 訪問某個 HTML 元素，您可以使用 document.getElementById(id) 方法。 請使用 "id" 屬性來標識 HTML 元素，並 innerHTML 來獲取或插入元素內容：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <body> <h1>我的第一個 Web 頁面</h1> <p id="demo">我的第一個段落。</p> <script> document.getElementById("demo").innerHTML="段落已修改。"; </script> </body> </html> 以上 JavaScript 語句（在 <script> 標簽中）可以在 web 瀏覽器中執行： document.getElementById("demo") 是使用 id 屬性來查找 HTML 元素的 JavaScript 代碼 。 innerHTML = "段落已修改。" 是用於修改元素的 HTML 內容(innerHTML)的 JavaScript 代碼。
寫到 HTML 文檔 出於測試目的，您可以將JavaScript直接寫在HTML 文檔中： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob)</title> </head> <body> <h1>我的第一個 Web 頁面</h1> <p>我的第一個段落。</p> <script> document.write(Date()); </script> </body> </html>
請使用 document.write() 僅僅向文檔輸出寫內容。 如果在文檔已完成加載後執行 document.write，整個 HTML 頁面將被覆蓋。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <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> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <body> <h1>我的第一個 Web 頁面</h1> <p>瀏覽器中(Chrome, IE, Firefox) 使用 F12 來啟用調試模式， 在調試窗口中點擊 "Console" 菜單。</p> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>
JavaScript 輸出