打印按鈕或鏈接是對網頁的簡單添加

成都創新互聯公司專注于企業營銷型網站建設、網站重做改版、漳浦網站定制設計、自適應品牌網站建設、H5頁面制作、商城開發、集團公司官網建設、成都外貿網站制作、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為漳浦等各大城市提供網站開發制作服務。

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

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

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

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

添加打印按鈕

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

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

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

value=

在上面的代碼中。

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

添加打印鏈接

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

print

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

使特定部分可打印

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

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

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

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

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

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

現在，你要做的就是將“ print”類分配給你希望可打印的網頁元素。 例如，要使div元素中定義的節可打印，可以使用未分配給此類的頁面上的任何其他內容均不會打印。

另外有需要云服務器可以了解下創新互聯cdcxhl.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

名稱欄目：在網頁中添加打印按鈕或鏈接的方法-創新互聯
網站路徑：http://vcdvsql.cn/article24/cccice.html

成都網站建設公司_創新互聯，為您提供

廣告

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