打印网页的特定部分
打印网页的特定部分
提问于 2012-10-21 18:44:28
我正在尝试打印应用程序的特定部分。
这个应用程序有一个用户列表，显示他们的名字和姓氏。当我点击一个用户时，我会看到一个弹出窗口，上面有关于他们的更多详细信息。
我该如何打印我点击的用户的弹出窗口呢？弹出窗口如下所示：
<div id="user<?=$user->id;?>" class="popup">
<div class="details">
User details...
</div>
<a href="#print">Print</a>
</div>不过，打印按钮还不起作用。
回答 13
Stack Overflow用户
回答已采纳
发布于 2012-10-21 18:58:16
您可以使用简单的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();Stack Overflow用户
发布于 2016-10-13 22:03:57
我做了这个HTML来打印所选元素的jQuery：$('#div2').print();
$.fn.extend({
print: function() {
var frameName = 'printIframe';
var doc = window.frames[frameName];
if (!doc) {
$('<iframe>').hide().attr('name', frameName).appendTo(document.body);
doc = window.frames[frameName];
}
doc.document.body.innerHTML = this.html();
doc.window.print();
return this;
}
});在动作here中查看它。
Stack Overflow用户
发布于 2012-10-21 18:56:48
您必须打开一个新窗口(或导航到新页面)，其中只包含您希望用户能够打印的信息
Javscript：
function printInfo(ele) {
var openWindow = window.open("", "title", "attributes");
openWindow.document.write(ele.previousSibling.innerHTML);
openWindow.document.close();
openWindow.focus();
openWindow.print();
openWindow.close();
}HTML：
<div id="....">
<div>
content to print
</div><a href="#" onclick="printInfo(this)">Print</a>
</div>这里有几点注意事项:锚点和包含要打印的内容的div之间不能有空格
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12997123
复制相关文章
相似问题