如何添加打印按鈕或鏈接到你的網(wǎng)頁

通過在優(yōu)銳課的java學(xué)習中，get很多學(xué)習干貨。

打印按鈕或鏈接是對網(wǎng)頁的簡單添加

CSS（層疊樣式表）使你可以控制屏幕上的網(wǎng)頁內(nèi)容。 此控件也擴展到其他媒體，例如在打印網(wǎng)頁時。

你可能想知道為什么要在網(wǎng)頁上添加打印功能; 畢竟，大多數(shù)人已經(jīng)知道或可以輕松地知道如何使用瀏覽器的菜單打印網(wǎng)頁。

但是在某些情況下，在頁面上添加打印按鈕或鏈接不僅會使你的用戶在需要打印頁面時更加輕松，而且可能甚至更重要的是使你可以更好地控制這些打印結(jié)果在頁面上的顯示方式 紙。

這是在頁面上添加打印按鈕或打印鏈接的方法，以及如何定義頁面內(nèi)容的哪些部分將被打印以及哪些頁面內(nèi)容將不被打印的方法。

添加打印按鈕

你可以通過將以下代碼添加到HTML文檔中你希望按鈕出現(xiàn)的位置來輕松地在頁面上添加打印按鈕：

onclick="window.print();return false;" />

當該按鈕出現(xiàn)在網(wǎng)頁上時，將被標記為“打印此頁”。 你可以通過在以下引號之間更改文本來自定義該文本

value=

在上面的代碼中。

請注意，在文本之前和之后有一個空格。 通過在文本的末端和顯示的按鈕的邊緣之間插入一些空格，可以改善按鈕的外觀。

添加打印鏈接

將簡單的打印鏈接添加到你的網(wǎng)頁甚至更加容易。 只需將以下代碼插入你要顯示鏈接的HTML文檔中：

print

你可以通過將“打印”更改為所選內(nèi)容來自定義鏈接文本。

使特定部分可打印

你可以設(shè)置用戶使用打印按鈕或鏈接來打印網(wǎng)頁的特定部分的功能。 你可以通過在網(wǎng)站上添加一個print.css文件，在HTML文檔的開頭調(diào)用該文件，然后通過定義一個類來定義你希望使其易于打印的部分來做到這一點。

首先，將以下代碼添加到HTML文檔的開頭部分：

type="text/css" media="print" />

接下來，創(chuàng)建一個名為print.css的文件。 在此文件中，添加以下代碼：

body {visibility:hidden;}
.print {visibility:visible;}

該代碼將主體中的所有元素定義為在打印時隱藏，除非為該元素分配了“ print”類。

現(xiàn)在，你要做的就是將“ print”類分配給你希望可打印的網(wǎng)頁元素。 例如，要使div元素中定義的節(jié)可打印，可以使用

未分配給此類的頁面上的任何其他內(nèi)容均不會打印。

喜歡這篇文章的可以點個贊，歡迎大家留言評論，記得關(guān)注我，每天持續(xù)更新技術(shù)干貨、職場趣事、海量面試資料等等
?> 如果你對java技術(shù)很感興趣也可以交流學(xué)習，共同學(xué)習進步。?
不要再用"沒有時間“來掩飾自己思想上的懶惰！趁年輕，使勁拼，給未來的自己一個交代

文章寫道這里，歡迎完善交流。最后奉上近期整理出來的一套完整的java架構(gòu)思維導(dǎo)圖，分享給大家對照知識點參考學(xué)習。有更多JVM、Mysql、Tomcat、Spring Boot、Spring Cloud、Zookeeper、Kafka、RabbitMQ、RockerMQ、Redis、ELK、Git等Java干貨