頁面列印的總結

2022-02-03 22:09:26 字數 1011 閱讀 2425

1. jqprint()列印

a.首先需要引用jquery和外掛程式的js:

b.列印方式很簡單,選擇節點,執行方法就可以列印該節點裡內容了:function preview());

}c.使用時可能會出現錯誤:cannot read property 'opera' of undefined,是

juqery版本相容問題,

有兩個辦法解決:

一是可以引用

遷移輔助外掛程式jquery-migrate-1.0.0.js:

二是在jqprint()方法執行前新增以下**來解決相容問題:

例:function preview();

(function()

})();

$('#set0').jqprint();

}2.列印iframe內容

承諾書等模板的列印,可以直接通過iframe引用模板的pdf等檔案來直接列印,非常便捷。

首先就在頁面加個隱藏的iframe,iframe引用專案中要列印的模板檔案,然後在事件裡新增列印方法即可:

html:

js:function preview_new(flag)

3.列印樣式

在css中可以在@media print 裡

編寫列印專用的樣式,在列印時會優先採用

@media print 裡樣式,

因此例如

當頁面展示的列表與列印時需要的樣式不同時,就可以在

@media print裡寫另一套只在列印時用的css。最多用的是

在其中新增乙個.noprint,然後再頁面中為不打算列印的內容新增該類就可以在列印中不顯示該內容了,這個可以配合上面兩種方法進行更加細節的列印控制,尤其是用iframe列印其他頁面的列表時,可以將列印的頁面的其他內容都隱藏。

禁止列印頁面!

解決思路 要真正禁止列印頁面是辦不到的,但是如果能設定讓使用者列印到的是空白,也算是實現禁止列印的目的了。具體步驟 示例 文件主要內容 規則說明 import指定匯入的外部樣式表及目標 該規則必須在樣式表頭部最先宣告 charset在外部樣式表檔案內使用。指定該樣式表使用的字符集。font face...

小票列印頁面

列印小票頁面,效果圖 css 及html如下 doctype html html head meta charset utf 8 meta name viewport content width device width,initial scale 1.0,user scalable no,mini...

前台頁面列印

前台頁面就是乙個button,就不寫了,對應的列印頁面div為 一 基本資訊 企業內部編號 經營企業編號 經營企業名稱 經營企業信用 倉庫編號 倉庫名稱 聯絡人 主管海關 倉庫面積 倉庫容積 錄入日期 結束有效日期 企業型別 區域場所類別 記賬模式 倉庫賬冊號 申報型別 暫停變更標記 申報企業編號 ...