站長(zhǎng)資訊網(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() 寫(xiě)入警告框
使用 document.write() 寫(xiě)入 HTML 輸出
使用 innerHTML 寫(xiě)入 HTML 元素
使用 console.log() 寫(xiě)入瀏覽器控制臺(tái)
使用 innerHTML
如需訪問(wèn) HTML 元素，JavaScript 可使用 document.getElementById(id) 方法。
id 屬性定義 HTML 元素。innerHTML 屬性定義 HTML 內(nèi)容：
實(shí)例
<!DOCTYPE html> <html> <body> <h1>我的第一張網(wǎng)頁(yè)</h1> <p>我的第一個(gè)段落</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5 + 6; </script> </body> </html>
提示：更改 HTML 元素的 innerHTML 屬性是在 HTML 中顯示數(shù)據(jù)的常用方法。
使用 document.write()
出于測(cè)試目的，使用 document.write() 比較方便：
實(shí)例
<!DOCTYPE html> <html> <body> <h1>我的第一張網(wǎng)頁(yè)</h1> <p>我的第一個(gè)段落</p> <script> document.write(5 + 6); </script> </body> </html>
注意：在 HTML 文檔完全加載后使用 document.write() 將刪除所有已有的 HTML ：
實(shí)例
<!DOCTYPE html> <html> <body> <h1>我的第一張網(wǎng)頁(yè)</h1> <p>我的第一個(gè)段落</p> <button onclick="document.write(5 + 6)">試一試</button> </body> </html>
提示：document.write() 方法僅用于測(cè)試。
使用 window.alert()
您能夠使用警告框來(lái)顯示數(shù)據(jù)：
實(shí)例
<!DOCTYPE html> <html> <body> <h1>我的第一張網(wǎng)頁(yè)</h1> <p>我的第一個(gè)段落</p> <script> window.alert(5 + 6); </script> </body> </html>
使用 console.log()
在瀏覽器中，您可使用 console.log() 方法來(lái)顯示數(shù)據(jù)。
請(qǐng)通過(guò) F12 來(lái)激活瀏覽器控制臺(tái)，并在菜單中選擇“控制臺(tái)”。
實(shí)例
<!DOCTYPE html> <html> <body> <h1>我的第一張網(wǎng)頁(yè)</h1> <p>我的第一個(gè)段落</p> <script> console.log(5 + 6); </script> </body> </html>
推薦學(xué)習(xí)：《javascript高級(jí)教程》
