在javascript是不提供任何內建的列印或顯示函數,但能夠以不同方式「顯示」數據,分別是:1、「window.alert()」;2、「document.write( )」;3、「innerHTML」;4、「console.log()」。
本文操作環境:windows7系統、javascript1.8.5版,DELL G3電腦
javascript怎麼列印?
JavaScript 不提供任何內建的列印或顯示函數。
JavaScript 顯示方案
JavaScript 能夠以不同方式「顯示」資料:
使用window.alert() 寫入警告框
使用document.write() 寫入HTML 輸出
使用innerHTML 寫入HTML 元素
使用console.log() 寫入瀏覽器控制台
使用innerHTML
如需存取HTML 元素,JavaScript 可使用document.getElementById(id) 方法。
id 屬性定義 HTML 元素。 innerHTML 屬性定義 HTML 內容:
實例
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <p>我的第一个段落</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5 + 6; </script> </body> </html>
提示:更改 HTML 元素的 innerHTML 屬性是在 HTML 中顯示資料的常用方法。
使用document.write()
出於測試目的,使用document.write() 比較方便:
實例
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <p>我的第一个段落</p> <script> document.write(5 + 6); </script> </body> </html>
注意:在HTML 文件完全載入後使用document.write() 將刪除所有已有的HTML :
實例
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <p>我的第一个段落</p> <button onclick="document.write(5 + 6)">试一试</button> </body> </html>
提示:document.write() 方法僅用於測試。
使用window.alert()
您能夠使用警告方塊來顯示資料:
實例
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <p>我的第一个段落</p> <script> window.alert(5 + 6); </script> </body> </html>
使用console.log()
在瀏覽器中,您可以使用console.log() 方法來顯示資料。
請透過 F12 來啟動瀏覽器控制台,並在選單中選擇「控制台」。
實例
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <p>我的第一个段落</p> <script> console.log(5 + 6); </script> </body> </html>
推薦學習:《javascript進階教學》
以上是javascript怎麼列印的詳細內容。更多資訊請關注PHP中文網其他相關文章!