在網(wǎng)頁(yè)中添加打印按鈕或鏈接的方法

打印按鈕或鏈接是對(duì)網(wǎng)頁(yè)的簡(jiǎn)單添加

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

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

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

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

添加打印按鈕

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

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

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

value=

在上面的代碼中。

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

添加打印鏈接

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

print

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

使特定部分可打印

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

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

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

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

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

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

現(xiàn)在，你要做的就是將“ print”類分配給你希望可打印的網(wǎng)頁(yè)元素。 例如，要使div元素中定義的節(jié)可打印，可以使用未分配給此類的頁(yè)面上的任何其他內(nèi)容均不會(huì)打印。