溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“javascript如何實現打印功能”，在日常操作中，相信很多人在javascript如何實現打印功能問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”javascript如何實現打印功能”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
在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>
<h2>我的第一張網頁</h2>
<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> <h2>我的第一張網頁</h2> <p>我的第一個段落</p> <script> document.write(5 + 6); </script> </body> </html>
注意：在 HTML 文檔完全加載后使用 document.write() 將刪除所有已有的 HTML ：
實例
<!DOCTYPE html> <html> <body> <h2>我的第一張網頁</h2> <p>我的第一個段落</p> <button onclick="document.write(5 + 6)">試一試</button> </body> </html>
提示：document.write() 方法僅用于測試。
使用 window.alert()
您能夠使用警告框來顯示數據：
實例
<!DOCTYPE html> <html> <body> <h2>我的第一張網頁</h2> <p>我的第一個段落</p> <script> window.alert(5 + 6); </script> </body> </html>
使用 console.log()
在瀏覽器中，您可使用 console.log() 方法來顯示數據。
請通過 F12 來激活瀏覽器控制臺，并在菜單中選擇“控制臺”。
實例
<!DOCTYPE html> <html> <body> <h2>我的第一張網頁</h2> <p>我的第一個段落</p> <script> console.log(5 + 6); </script> </body> </html>
到此，關于“javascript如何實現打印功能”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
