Jqprint是一款非常方便的jQuery插件,可以輕松實(shí)現(xiàn)網(wǎng)頁(yè)打印功能。在使用過程中,我們可以設(shè)置模板來(lái)控制打印效果。
// 設(shè)置打印模板 var printTemplate = '<html><head><title>打印模板</title></head><body>{{content}}</body></html>'; $.fn.jqprint.defaults.template = printTemplate.replace('{{content}}', $('body').html());
上面的代碼中,我們首先聲明了一個(gè)打印模板的變量printTemplate,它是一個(gè)包含HTML代碼的字符串。然后通過jqprint的defaults屬性,設(shè)置了模板的內(nèi)容為當(dāng)前網(wǎng)頁(yè)的body標(biāo)簽里的所有內(nèi)容。如果你想控制打印的內(nèi)容,可以更改模板字符串中的{{content}}占位符。
使用jqprint的時(shí)候,可以直接調(diào)用$('selector').jqprint()方法來(lái)觸發(fā)打印功能。
// 觸發(fā)打印事件 $('selector').jqprint();
通過上面這段代碼,我們可以按照上面設(shè)置的模板,將$('selector')中的內(nèi)容打印出來(lái)。
除此之外,jqprint還提供了很多有用的參數(shù)和API,例如可以在打印前執(zhí)行回調(diào)函數(shù),可以指定打印的頁(yè)面范圍,可以動(dòng)態(tài)修改頁(yè)面內(nèi)容等等。如果您對(duì)此感興趣,可以查看jqprint的文檔。