为网站表单插入打印按钮

Question

我正在尝试为我在苏格兰的志愿组织维护的网站上添加一个表单的打印按钮。我要强调的是，我不是HTML或Javascript的专家，而是尽我所能。

2013年11月20日Murali对问题20101409给出的答案看起来好像应该有效，但却没有。我怀疑我没有正确命名或定义。

我的测试网页是：http://clanmacthomas.co.uk/Pages/TestCalculations.aspx

Answer 1

我强烈建议不要出于任何目的使用<a href="javascript:..something..">，尤其是使用链接来执行操作，而不是选择按钮。

如果你有

<div>stuff</div>
<div>more stuff</div>
<input type="button" id="print" value="Print this page">

稍后您可以使用

将处理程序附加到该处理程序

<script>
document.getElementById("print").addEventListener("click", function() {
    if (window.print) window.print();
});
</script>

如果您可能需要超过该页面的打印按钮，请将该代码放在.js文件中

/* printer.js */
document.getElementById("print").addEventListener("click", function() {
    if (window.print) window.print();
});

如果您使用 jQuery ，有更好的方法可以做到这一点，但您没有提及，所以我避免使用它。

您可能希望阅读SO问题“Correct usage of addEventListener() / attachEvent()”，因为旧版本的Internet Explorer使用attachEvent而不是addEventListener。

Answer 2

要添加将在网页上打开打印对话框的链接，请在以下位置包含此链接：

<a href="javascript:if(window.print)window.print()">Print</a>