在前端開(kāi)發(fā)中經(jīng)常會(huì)用到j(luò)Query,而jqprint是jQuery中非常實(shí)用的一個(gè)插件,可以實(shí)現(xiàn)網(wǎng)頁(yè)的打印,但是在打印時(shí)會(huì)默認(rèn)輸出網(wǎng)頁(yè)的URL地址,這個(gè)URL地址可能會(huì)影響到打印效果,因此需要對(duì)其進(jìn)行去除處理。
下面給出兩種去除URL地址的方法:
$(document).ready(function () { $("#print").click(function () { var printContents = $("#printDiv").html(); var originalContents = document.body.innerHTML; //去除URL地址方法1 var originalUrl = document.location.href; document.location.href = "#"; window.print(); document.location.href = originalUrl; //去除URL地址方法2 var newContents = '' + printContents + ''; var newWin = window.open(''); newWin.document.write(newContents); newWin.print(); newWin.close(); document.body.innerHTML = originalContents; }); });
方法1:先獲取當(dāng)前頁(yè)面的URL地址,然后將其設(shè)置為“#”,進(jìn)行打印操作,打印完成后再將URL地址還原回來(lái)。這種方法的缺點(diǎn)是會(huì)短暫地改變?yōu)g覽器URL地址,可能會(huì)有一點(diǎn)影響,但是不會(huì)影響到用戶(hù)的正常體驗(yàn)。
方法2:將打印內(nèi)容拷貝到一個(gè)新的HTML頁(yè)面中進(jìn)行打印,不會(huì)改變?yōu)g覽器URL地址,但是需要額外的代碼實(shí)現(xiàn)。
總的來(lái)說(shuō),去除jQuery jqprint中的URL地址其實(shí)是非常簡(jiǎn)單的,只需要用一些小技巧就可以輕松解決。