javascript - 打印网页的特定部分

Question

我正在尝试打印我的应用程序的特定部分。

应用程序有一个用户列表，显示他们的名字和姓氏。当我点击一个用户时，我会看到一个弹出窗口，其中包含有关他们的更多详细信息。

我该如何为我点击的用户打印弹出窗口？ 弹出窗口如下所示:

 <div id="user<?=$user->id;?>" class="popup">
      <div class="details">
           User details...
      </div>
      <a href="#print">Print</a>
 </div>

不过打印按钮还不能用。

Answer 1

您可以使用简单的 JavaScript 从页面打印特定的 div。

var prtContent = document.getElementById("your div id");
var WinPrint = window.open('', '', 'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0');
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();