javascript怎麼列印
Jul 17, 2021 pm 01:57 PM在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中文網其他相關文章！
熱門文章
熱門文章
熱門文章標籤
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
