如何禁止打印頁面

2020-10-23 18:53:35

字體：大中小

來源：轉載

供稿：網友

解決思路：
要真正禁止打印頁面是辦不到的，但是如果能設置讓用戶打印到的是空白，也算是實現禁止打印的目的了。
具體步驟：
代碼示例：

<html>
<head><title>不可打印的頁面</title>
<style>
@media print{
body{display:none}
}
</style>
</head>
<body>
文檔主要內容
</body>
</head>

注意：@media print{}規則中所定義的CSS僅對打印時的頁面生效。
技巧：在很多論壇中在打印帖子時都是用一個專門的頁面來實現，如果能熟練運用@media print{}規則，就不用單獨做一個打印用的頁了。
提示：
@media print{}規則中可以用來代碼print的還有all和screen。
類似@media的規則如表2.2.1所示。

規則說明
@import指定導入的外部樣式表及目標媒體。該規則必須在樣式表頭部最先聲明
@charset在外部樣式表文件內使用。指定該樣式表使用的字符集。
@font-face設置嵌入HTML文檔的OpenType字體(需IE5+支持)
@media指定樣式表規則用于指定的媒體類型(需IE5.5+支持)

特別提示
運行本例代碼，然后打印網頁，打印結果將不包括"文檔主要內容"。

特別說明

本例主要運用了@media規則來定義頁面對于打印時應用的樣式，print意思是所定義的CSS應用于打印機，類似的print媒體類型還有：
all 應用于所有類型的設備
screen 應用于計算機的顯示器

上一篇：!important在ie7.0的hack方法

下一篇：靜態頁面加密