js页面实现打印 iframe + window.print()
要使用JavaScript打印包含iframe内容的网页,您可以先将iframe的内容装载到一个新窗口,然后调用新窗口的print()
方法。以下是实现这一功能的示例代码:
function printIframe() {
var iframe = document.getElementById('myIframe').contentWindow;
var printWindow = window.open('', '_blank');
printWindow.document.open();
printWindow.document.write('<html><head><title>Print</title>');
printWindow.document.write('</head><body>');
printWindow.document.write(iframe.document.body.innerHTML);
printWindow.document.write('</body></html>');
printWindow.document.close();
printWindow.onload = function() {
printWindow.print();
printWindow.close();
};
}
在HTML中,您需要有一个用于装载内容的iframe和一个按钮或其他触发事件的元素来调用printIframe
函数:
<iframe id="myIframe" src="your_content_page.html" style="display:none;"></iframe>
<button onclick="printIframe()">Print iframe content</button>
请确保iframe的src
属性指向您想要打印的页面地址。当用户点击按钮时,printIframe
函数将被调用,iframe的内容将被加载到一个新窗口并执行打印。
评论已关闭