實(shí)現(xiàn)web打印的各種方法介紹及實(shí)現(xiàn)代碼
更新時(shí)間:2013年01月09日 16:10:29 作者:
web的打印方法具我自己懂得知道的有:JQuery插件Jqprint實(shí)現(xiàn);JQery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁打印;CSS控制網(wǎng)頁打印樣式,本文詳細(xì)介紹實(shí)現(xiàn)步驟,感興趣的朋友可以了解下
wed的打印方法具我自己懂得知道的有:
1、JQuery插件Jqprint實(shí)現(xiàn)
2、JQery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁打印
3、CSS控制網(wǎng)頁打印樣式
JQuery插件Jqprint實(shí)現(xiàn):
首先要導(dǎo)入js文件:
jquery.jqprint.js下載
<scriptlanguage="javascript"src="jquery-1.7.1.min.js"></script>
<scriptlanguage="javascript"src="jquery.jqprint.js"></script>
html代碼:
<divclass="my_show">
這個(gè)打印時(shí)是顯示的
</div>
<divclass="my_hidden">
這個(gè)打印時(shí)是隱藏的。
</div>
<inputtype="button"id="print"/>
javascript代碼:
<scripttype="text/javascript">
$(document).ready(function(){
$("#print").click(function(){
$(".my_show").jqprint();
})
});
</script>
該插件還提供了一些參數(shù)可配置,
{
debug:false,//如果是true則可以顯示iframe查看效果(iframe默認(rèn)高和寬都很小,可以再源碼中調(diào)大),默認(rèn)是false
importCSS:true,//true表示引進(jìn)原來的頁面的css,默認(rèn)是true。(如果是true,先會找$(“l(fā)ink[media=print]“),若沒有會去找$(“l(fā)ink”)中的css文件)
printContainer:true,//表示如果原來選擇的對象必須被納入打?。ㄗ⒁猓涸O(shè)置為false可能會打破你的CSS規(guī)則)。
operaSupport:true//表示如果插件也必須支持歌opera瀏覽器,在這種情況下,它提供了建立一個(gè)臨時(shí)的打印選項(xiàng)卡。默認(rèn)是true
}
而我自己使用到的只有importCSS:原始頁面中的鏈接將導(dǎo)入到iframe。第一次它媒體searchs=打印,如果沒有,將導(dǎo)入的正常的css文件。
importCSS示例:
$('.my_show').jqprint({
importCSS://CSS樣式文件
});
1、JQuery插件Jqprint實(shí)現(xiàn)
2、JQery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁打印
3、CSS控制網(wǎng)頁打印樣式
JQuery插件Jqprint實(shí)現(xiàn):
首先要導(dǎo)入js文件:
jquery.jqprint.js下載
復(fù)制代碼 代碼如下:
<scriptlanguage="javascript"src="jquery-1.7.1.min.js"></script>
<scriptlanguage="javascript"src="jquery.jqprint.js"></script>
html代碼:
復(fù)制代碼 代碼如下:
<divclass="my_show">
這個(gè)打印時(shí)是顯示的
</div>
<divclass="my_hidden">
這個(gè)打印時(shí)是隱藏的。
</div>
<inputtype="button"id="print"/>
javascript代碼:
復(fù)制代碼 代碼如下:
<scripttype="text/javascript">
$(document).ready(function(){
$("#print").click(function(){
$(".my_show").jqprint();
})
});
</script>
該插件還提供了一些參數(shù)可配置,
復(fù)制代碼 代碼如下:
{
debug:false,//如果是true則可以顯示iframe查看效果(iframe默認(rèn)高和寬都很小,可以再源碼中調(diào)大),默認(rèn)是false
importCSS:true,//true表示引進(jìn)原來的頁面的css,默認(rèn)是true。(如果是true,先會找$(“l(fā)ink[media=print]“),若沒有會去找$(“l(fā)ink”)中的css文件)
printContainer:true,//表示如果原來選擇的對象必須被納入打?。ㄗ⒁猓涸O(shè)置為false可能會打破你的CSS規(guī)則)。
operaSupport:true//表示如果插件也必須支持歌opera瀏覽器,在這種情況下,它提供了建立一個(gè)臨時(shí)的打印選項(xiàng)卡。默認(rèn)是true
}
而我自己使用到的只有importCSS:原始頁面中的鏈接將導(dǎo)入到iframe。第一次它媒體searchs=打印,如果沒有,將導(dǎo)入的正常的css文件。
importCSS示例:
復(fù)制代碼 代碼如下:
$('.my_show').jqprint({
importCSS://CSS樣式文件
});
相關(guān)文章
JavaScript基于面向?qū)ο髮?shí)現(xiàn)的猜拳游戲
這篇文章主要介紹了JavaScript基于面向?qū)ο髮?shí)現(xiàn)的猜拳游戲,結(jié)合完整實(shí)例形式分析了javascript基于面向?qū)ο髮?shí)現(xiàn)猜拳游戲的具體頁面布局、樣式及功能相關(guān)操作技巧,需要的朋友可以參考下2018-01-01JS代碼實(shí)現(xiàn)根據(jù)時(shí)間變換頁面背景效果
這篇文章主要介紹了JS代碼實(shí)現(xiàn)根據(jù)時(shí)間變換頁面背景效果的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友一起看下吧2016-06-06微信小程序?qū)崿F(xiàn)錄制、試聽、上傳音頻功能(帶波形圖)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)錄制、試聽、上傳音頻功能(帶波形圖),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-02使用 JScript 創(chuàng)建 .exe 或 .dll 文件的方法
JScript 是由微軟開發(fā)的活動腳本語言,基于 ECMAScript 規(guī)范實(shí)現(xiàn)。Internet Explorer 中的 JavaScript,實(shí)際上是指 JScript。2011-07-07JS實(shí)現(xiàn)獲取數(shù)組中最大值或最小值功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)獲取數(shù)組中最大值或最小值功能,結(jié)合實(shí)例形式總結(jié)分析了javascript獲取數(shù)組最大值與最小值的三種常見操作技巧,需要的朋友可以參考下2019-03-03