站長資訊網(wǎng)
在javascript是不提供任何內(nèi)建的打印或顯示函數(shù)，但能夠以不同方式“顯示”數(shù)據(jù)，分別是：1、“window.alert()”；2、“document.write()”；3、“innerHTML”；4、“console.log()”。
本文操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版，DELL G3電腦
javascript怎么打印?
JavaScript 不提供任何內(nèi)建的打印或顯示函數(shù)。
JavaScript 顯示方案
JavaScript 能夠以不同方式“顯示”數(shù)據(jù)：
使用 window.alert() 寫入警告框
使用 document.write() 寫入 HTML 輸出
使用 innerHTML 寫入 HTML 元素
使用 console.log() 寫入瀏覽器控制臺
使用 innerHTML
如需訪問 HTML 元素，JavaScript 可使用 document.getElementById(id) 方法。
id 屬性定義 HTML 元素。innerHTML 屬性定義 HTML 內(nèi)容：
實例
<!DOCTYPE html> <html> <body> <h1>我的第一張網(wǎng)頁</h1> <p>我的第一個段落</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5 + 6; </script> </body> </html>
提示：更改 HTML 元素的 innerHTML 屬性是在 HTML 中顯示數(shù)據(jù)的常用方法。
使用 document.write()
出于測試目的，使用 document.write() 比較方便：
實例
<!DOCTYPE html> <html> <body> <h1>我的第一張網(wǎng)頁</h1> <p>我的第一個段落</p> <script> document.write(5 + 6); </script> </body> </html>
注意：在 HTML 文檔完全加載后使用 document.write() 將刪除所有已有的 HTML ：
實例
<!DOCTYPE html> <html> <body> <h1>我的第一張網(wǎng)頁</h1> <p>我的第一個段落</p> <button onclick="document.write(5 + 6)">試一試</button> </body> </html>
提示：document.write() 方法僅用于測試。
使用 window.alert()
您能夠使用警告框來顯示數(shù)據(jù)：
實例
<!DOCTYPE html> <html> <body> <h1>我的第一張網(wǎng)頁</h1> <p>我的第一個段落</p> <script> window.alert(5 + 6); </script> </body> </html>
使用 console.log()
在瀏覽器中，您可使用 console.log() 方法來顯示數(shù)據(jù)。
請通過 F12 來激活瀏覽器控制臺，并在菜單中選擇“控制臺”。
實例
<!DOCTYPE html> <html> <body> <h1>我的第一張網(wǎng)頁</h1> <p>我的第一個段落</p> <script> console.log(5 + 6); </script> </body> </html>
推薦學(xué)習(xí)：《javascript高級教程》
