Question

在我的网站上的一个页面上（用php编码），我正在尝试添加2个（甚至更多）打印按钮，每个打印按钮都打印一部分网页。例如，在页面上有一个表格，其下面有一些值和2个图表。我想添加2个打印按钮，一个按钮打印表格，另一个打印两个图形。我发现了这个Example但是无法理解。任何帮助或示例都会对我有帮助。

提前致谢。

Answer 1

这是html / javascript代码，点击后会启动浏览器的“打印”对话框。

<button onClick="window.print()">Print this page</button>

Answer 2

如果您的桌子位于 div 内且 id ='printTable'，请使用：

<a href="#null" onclick="printContent('printTable')">Click to print table</a>

编辑：这是函数“printContent（）”

<script type="text/javascript">
<!--
function printContent(id){
str=document.getElementById(id).innerHTML
newwin=window.open('','printwin','left=100,top=100,width=400,height=400')
newwin.document.write('<HTML>\n<HEAD>\n')
newwin.document.write('<TITLE>Print Page</TITLE>\n')
newwin.document.write('<script>\n')
newwin.document.write('function chkstate(){\n')
newwin.document.write('if(document.readyState=="complete"){\n')
newwin.document.write('window.close()\n')
newwin.document.write('}\n')
newwin.document.write('else{\n')
newwin.document.write('setTimeout("chkstate()",2000)\n')
newwin.document.write('}\n')
newwin.document.write('}\n')
newwin.document.write('function print_win(){\n')
newwin.document.write('window.print();\n')
newwin.document.write('chkstate();\n')
newwin.document.write('}\n')
newwin.document.write('<\/script>\n')
newwin.document.write('</HEAD>\n')
newwin.document.write('<BODY onload="print_win()">\n')
newwin.document.write(str)
newwin.document.write('</BODY>\n')
newwin.document.write('</HTML>\n')
newwin.document.close()
}
//-->
</script>

Answer 3

一个简单的想法是创建一些先前的css打印规则，例如

.printtable * { display : none; }
.printtable table { display : block; }

和

.printtableandgraph * { display : none; }
.printtableandgraph img { display : block; }

然后两个按钮应该在.printtable语句

之前为body元素（或包含表和图形的其他元素）添加.printtableandgraph和window.print()类

（如果用户在同一个打印按钮上单击两次或更多次，请先检查该元素是否已设置该类名称）

Answer 4

打印按钮

<button onClick="window.print()">Print this page</button>`

使用此代码打印任何网页只有一个平局，其打印所有按钮和菜单栏。

Answer 5

要打印页面的一部分，可以使用print.css和打印按钮来实现快速简便的方法。

设置print.css文件并包括：

     body {visibility:hidden;}
     .print {visibility:visible;}

将 .print类添加到页面的相应部分。
添加按钮：

<button onClick="window.print()">Print this page »</button>

打印结果整洁干净。

如何向网页添加打印按钮

5 个答案: