javascript如何實現(xiàn)打印功能

這篇文章主要介紹“javascript如何實現(xiàn)打印功能”，在日常操作中，相信很多人在javascript如何實現(xiàn)打印功能問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”javascript如何實現(xiàn)打印功能”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

我們提供的服務(wù)有：成都網(wǎng)站制作、成都做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、新蔡ssl等。為成百上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的新蔡網(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>
<h2>我的第一張網(wǎng)頁</h2>
<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>
<h2>我的第一張網(wǎng)頁</h2>
<p>我的第一個段落</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

注意：在 HTML 文檔完全加載后使用 document.write() 將刪除所有已有的 HTML ：

實例

<!DOCTYPE html>
<html>
<body>
<h2>我的第一張網(wǎng)頁</h2>
<p>我的第一個段落</p>
<button onclick="document.write(5 + 6)">試一試</button>
</body>
</html>

提示：document.write() 方法僅用于測試。

使用 window.alert()

您能夠使用警告框來顯示數(shù)據(jù)：

實例

<!DOCTYPE html>
<html>
<body>
<h2>我的第一張網(wǎng)頁</h2>
<p>我的第一個段落</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

使用 console.log()

在瀏覽器中，您可使用 console.log() 方法來顯示數(shù)據(jù)。

請通過 F12 來激活瀏覽器控制臺，并在菜單中選擇“控制臺”。

實例

<!DOCTYPE html>
<html>
<body>
<h2>我的第一張網(wǎng)頁</h2>
<p>我的第一個段落</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

到此，關(guān)于“javascript如何實現(xiàn)打印功能”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

當(dāng)前文章：javascript如何實現(xiàn)打印功能
當(dāng)前URL：http://muchs.cn/article22/iiopcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、建站公司、品牌網(wǎng)站設(shè)計、定制網(wǎng)站、ChatGPT、網(wǎng)站收錄

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容