鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML  Office/ 打印頁(yè)面的局部dom

打印頁(yè)面的局部dom

目前有個(gè)管理后臺(tái),頁(yè)面中含有部分指令,需要打印訂單信息,想到的是用window.print(),但問題是只需要打印部分
1.方式一:
首先獲取頁(yè)面dom,暫時(shí)存放,再獲取打印部分的dom,賦值給window.document.body.innerHTML,等打印完畢,再將存放的dom賦值給window.document.body.innerHTML,問題是,頁(yè)面的指令在打印后,失效

      var tempHtml = window.document.body.innerHTML;
      var prnhtml = $('.dialog_warp .print-body').html();
      window.document.body.innerHTML = prnhtml; //把需要打印的指定內(nèi)容賦給body.innerHTML
      window.print(); //調(diào)用瀏覽器的打印功能打印指定區(qū)域
      window.document.body.innerHTML = tempHtml; //重新給頁(yè)面內(nèi)容賦值;

2.方式二:
新創(chuàng)建一個(gè)頁(yè)面,將打印區(qū)域的內(nèi)容賦值給新頁(yè)面的window.document.body.innerHTML,待打印完之后,關(guān)閉新頁(yè)面,問題是頁(yè)面不出現(xiàn)內(nèi)容,或者打印之后不關(guān)閉頁(yè)面
http://bbs.csdn.net/topics/39...

 var p='<html><head><title>訂單打印</title></head><body>'+$('.dialog_warp .print-body').html()+'</body></html>';
      var w = window.open('about:blank');
      w.document.write(p);
      
      w.print();
      w.close();
回答
編輯回答
吢丕

折騰這個(gè)干嘛,上插件啊
jqprint

2017年2月26日 13:45