Question

我会试着解释一下：

我有很多div类，但为了简单起见，假设我只有3个。

有人正在查看DIV 1，我想让他们只选择打印DIV 1，省略2和3。

然而，在同一页面上，我想给他们选择只打印DIV 2.或者只打印DIV 3.

我想我知道你怎么可以省略某些事情来打印。但是如何在同一页面上选择一个部分来打印一个打印链接。

谢谢，崔西

Answer 1

您可以使用jQuery来显示/隐藏div。阅读jQuery教程：

http://docs.jquery.com/Tutorials

代码将以这种方式显示：

<script>
function showDiv(n) {
  $('.divs').hide();
  $('#div_'+n).show();
}
$(document).ready(function() { showDiv(1); });
</script>
<a href='javascript:showDiv(n)'>show div n</a>
<div class='divs' id='div_n'>I'm div n</div>

Answer 2

关于打印div内容有很多相关的帖子，虽然在10年被问到，但这个特殊的问题仍然是开放的。以下JavaScript功能可用于打印所选Div标签的内容。希望这可以帮助。声明：我使用了一些现有的答案，修复/增强的代码/错误与IE-8一起使用（和测试）。

function printDiv(divName) {
    var divToPrint = document.getElementById(divName);
    var newWin = window.open('', 'PrintWindow', 'width=400, height=400, top=100, left=100', '');
    newWin.document.open();
    newWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</body></html>');
    newWin.document.close();
    setTimeout(function () { newWin.close(); }, 10);
}

从页面中的任何位置或从所选Div内部调用printDiv。这是测试链接：

<a href="Javascript:printDiv('divCustomerData')">Print Customer Data</a>

<a href="Javascript:printDiv('divOrderData')">Print Order Data</a>

将相应的ID分配给要打印的Div：

<div id="divCustomerData">Div Contents goes here... </div>

现在唯一的问题是它失去了css风格。当我有机会修复它时，我会更新响应。感谢。

Answer 3

https://github.com/jasonday/jquery.printThis

我会给每个div一个id，然后使用上面的插件（我写的）根据div id指定。

多个打印特定分区

3 个答案:

*多个*打印特定分区

3 个答案:

多个打印特定分区