使用javascript从另一个div打印div或iframe内容

时间:2015-12-08 06:20:43

标签: javascript jquery html iframe

我有一个PHP网页。在网页上我有一个iframe和几个DIV。现在我想要一个打印按钮,它将打印当前活动窗口的内容。如果没有打开iframe或div,那么它将使用javascript打印主页面,否则打印当前iframe源或div内容。

有可能吗?

1 个答案:

答案 0 :(得分:1)

以下是打印元素的示例。希望这能帮助你获得一个想法。

<html>
<head>

<input type="button" value="Click to Print" onclick="printDiv()" />

<script type="text/javascript"
src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js">

</script>
<script type="text/javascript">
function printDiv() {
    var data = $('#divToPrint').html()
    var printWin = window.open('', 'Print Preview', 'height=600,width=800');
    printWin.document.write('<html><head><title>Print Preview</title>');
    printWin.document.write('</head><body >');
    printWin.document.write(data);
    printWin.document.write('</body></html>');
    printWin.print();
    printWin.close();
    return true;
}
</script>
</head>
<body>
<div id="divToPrint">jQuery is a fast, small, and feature-rich
    JavaScript library. It makes things like HTML document traversal and
    manipulation, event handling, animation, and Ajax much simpler with an
    easy-to-use API that works across a multitude of browsers.</div>
</body>
</html>

数据变量应替换为您要打印的内容。