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

打印頁面的局部dom

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

      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; //重新給頁面內(nèi)容賦值；

2.方式二：
新創(chuàng)建一個頁面，將打印區(qū)域的內(nèi)容賦值給新頁面的window.document.body.innerHTML，待打印完之后，關(guān)閉新頁面，問題是頁面不出現(xiàn)內(nèi)容，或者打印之后不關(guān)閉頁面
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();
回答
編輯回答
吢丕

折騰這個干嘛，上插件啊
jqprint

2017年2月26日 13:45