jqprint列印 js兩種超簡單的列印方法

2021-09-18 03:39:22 字數 1165 閱讀 4211

jqprint是乙個簡單好用的列印外掛程式,可以實現區域性列印,首先是引入jq,,然後引入jqprnt

//列印

$("#fh").jqprint();

其中fh是div的id,

debug: false,//如果是true則可以顯示iframe檢視效果(iframe預設高和寬都很小,可以再原始碼中調大),預設是false               

importcss: true, //true表示引進原來的頁面的css,預設是true。(如果是true,先會找$("link[media=print]"),若沒有會去找$("link")中的css檔案)             

printcontainer: true,//表示如果原來選擇的物件必須被納入列印(注意:設定為false可能會打破你的css規則)。                

operasupport: false//表示如果外掛程式也必須支援歌opera瀏覽器,在這種情況下,它提供了建立乙個臨時的列印選項卡。預設是true  

如果 importcss是false,只會列印html裡面style的css修飾,不會列印head標籤或者外部引入的css,如果設定為true,就可以列印外部的css屬性。

如果只需要引入乙個css檔案,可以有如下兩種寫法

這個表示只有列印的時候才會顯示css效果

這個表示不管列印與否都會顯示css效果

如果要引入多個css,就只能用第二種

首先說一下可能是我ie版本太低,不管用什麼方法都無法去掉頁首頁尾,其他瀏覽器都沒問題,我同學的ie也可以去掉。

其實也很簡單,只需要在css檔案裡新增如下**(可以二選一根據情況來定)

①直接去掉頁首頁尾

.header,.footer

②這個也會去掉頁首頁尾,但是左上角的紙張不會有外邊距,比如我要列印的內容正好是a4紙,然後我的div已經設定好了a4值長寬,不需要額外的外邊距,所以這個正適合我。

@page catch(e)    

window.document.body.innerhtml=prnhtml;   

window.print();      

}直接呼叫方法,然後把下面兩個東西放在要列印的**塊前後就ok

js兩種取值方式

使用document.getelementbyid 可以取到頁面上乙個有id的元素 然後訪問這個元素的屬性,比如value 當乙個元素有value屬性的時候,其value才會有值 例1這樣乙個元素,當你使用document.getelementbyid txt1 value時,可以得到其value值...

頁面的兩種列印方式

一 使用window.print 的方式列印 第一種方法可以使用瀏覽器自帶的window.print 方式列印,如下 function winprint 在頁面上使用和選中要列印的內容這種方式就是在列印時將頁面內容替換為要列印的內容然後使用window.print 方法列印,列印完成後再將頁面內容使...

Js的兩種post方式

第一種提交post的方式是傳統方式,判斷瀏覽器進行post請求。var xmlobj 定義xmlhttprequest物件 如果當前瀏覽器支援xmlhttp request,則建立xmlhttprequest物件 function submitarticle act,cityname,antique...