Question

所以，假设我在这样的页面中有一个简单的表单：

<form style="text-align:center;">
    <p> STUFF </p>
</form>

我想添加一个按钮，所以当用户点击它时，浏览器的“打印”对话框会显示出来，我该怎么做？

编辑：我想要打印表单，而不是页面。

Answer 1

打印整页

尝试添加一个调用window.print()

的按钮

<input type="button" value="Print this page" onClick="window.print()">

在页面中打印特定部分/容器

<div id="print-content">
 <form>

  <input type="button" onclick="printDiv('print-content')" value="print a div!"/>
</form>
</div>

然后在HTML文件中添加此脚本代码

<script type="text/javascript">
    function printDiv(divName) {
        var printContents = document.getElementById(divName).innerHTML;
        w=window.open();
        w.document.write(printContents);
        w.print();
        w.close();
    }

参考Print <div id="printarea"></div> only?

Answer 2

您需要的是window.print()：

<form style="text-align:center;">

  <p> STUFF </p>

  <a href="#" id="lnkPrint">Print</a>
</form>

Javascript：

$( document ).ready(function() {
    $('#lnkPrint').click(function()
     {
         window.print();
     });
});

Answer 3

要使用提交按钮进行打印，请将其添加到您的峰会脚本中：

<input type="button" value="Print this page" onClick="window.print()">

请注意，这只会触发客户端提供的任何浏览器实施的print功能。

如何插入在网页中打印表单的“打印”按钮

3 个答案: