您好,登錄后才能下訂單哦!
打印按鈕或鏈接是對網頁的簡單添加
CSS(層疊樣式表)使你可以控制屏幕上的網頁內容。 此控件也擴展到其他媒體,例如在打印網頁時。
你可能想知道為什么要在網頁上添加打印功能; 畢竟,大多數人已經知道或可以輕松地知道如何使用瀏覽器的菜單打印網頁。
但是在某些情況下,在頁面上添加打印按鈕或鏈接不僅會使你的用戶在需要打印頁面時更加輕松,而且可能甚至更重要的是使你可以更好地控制這些打印結果在頁面上的顯示方式 紙。
這是在頁面上添加打印按鈕或打印鏈接的方法,以及如何定義頁面內容的哪些部分將被打印以及哪些頁面內容將不被打印的方法。
添加打印按鈕
你可以通過將以下代碼添加到HTML文檔中你希望按鈕出現的位置來輕松地在頁面上添加打印按鈕:
onclick="window.print();return false;" />
當該按鈕出現在網頁上時,將被標記為“打印此頁”。 你可以通過在以下引號之間更改文本來自定義該文本
value=
在上面的代碼中。
請注意,在文本之前和之后有一個空格。 通過在文本的末端和顯示的按鈕的邊緣之間插入一些空格,可以改善按鈕的外觀。
添加打印鏈接
將簡單的打印鏈接添加到你的網頁甚至更加容易。 只需將以下代碼插入你要顯示鏈接的HTML文檔中:
你可以通過將“打印”更改為所選內容來自定義鏈接文本。
使特定部分可打印
你可以設置用戶使用打印按鈕或鏈接來打印網頁的特定部分的功能。 你可以通過在網站上添加一個print.css文件,在HTML文檔的開頭調用該文件,然后通過定義一個類來定義你希望使其易于打印的部分來做到這一點。
首先,將以下代碼添加到HTML文檔的開頭部分:
type="text/css" media="print" />
接下來,創建一個名為print.css的文件。 在此文件中,添加以下代碼:
body {visibility:hidden;}
.print {visibility:visible;}
該代碼將主體中的所有元素定義為在打印時隱藏,除非為該元素分配了“ print”類。
現在,你要做的就是將“ print”類分配給你希望可打印的網頁元素。 例如,要使div元素中定義的節可打印,可以使用未分配給此類的頁面上的任何其他內容均不會打印。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。