前端window.print()方法調(diào)起打印機(jī)

由于項(xiàng)目中用到了打印功能,也在網(wǎng)上查詢了些方法,總體來(lái)說(shuō)有兩個(gè)思路:

  1. dom替換

  2. 新窗口打印

dom替換會(huì)導(dǎo)致事件失效,如果重新加載的話又會(huì)影響到體驗(yàn);而新窗口因?yàn)闃邮絾?wèn)題也不好解決,都不滿足項(xiàng)目的需求,于是把自己的方法寫一下,方便自己以后查詢。

思路 :其實(shí)很簡(jiǎn)單,當(dāng)前頁(yè)面有各種問(wèn)題的話干脆就跳轉(zhuǎn)新頁(yè)面,在跳轉(zhuǎn)到新頁(yè)面后 執(zhí)行 window.print(); 方法,window.print();方法不是異步的,所以當(dāng)執(zhí)行window.print();后,只有你選擇確定或者取消才會(huì)接著執(zhí)行下面的代碼,這樣的話就只需要在 window.print();下面添加返回上個(gè)頁(yè)面的代碼即可,話不多說(shuō),上代碼!

window.print();

javaScript:history.go(-1);

對(duì),你沒(méi)看錯(cuò),就是這么簡(jiǎn)單,進(jìn)入頁(yè)面調(diào)起打印預(yù)覽,完成后返回上個(gè)頁(yè)面

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容