其实很简单,用一个CSS就可以实现了,这个方法同时支持IE和FF。
HTML内容
XML/HTML Code复制内容到剪贴板 <HTML> <HEAD> <TITLE>TestPrint</TITLE> <STYLEtype="text/css"> .css1{ text-align:center; text-align:center; height:250; width:400; background-color:blue; } .css2{ text-align:center; height:250; width:400; background-color:red; } @mediaprint{ .printbtn,.css1{ display:none; } } </STYLE> </HEAD> <BODY> <DIVclass="printbtn"><INPUTtype="button"value="Print"onclick="window.print()"/>Printbuttoncan'tprintout,Butitcandisplayinpage.</DIV> <DIVclass="css1"><BR/><BR/><BR/>Notprintout</DIV> <DIVclass="css2"><BR/><BR/><BR/>Printout</DIV> </BODY> </HTML>
主要是在于CSS @media print,这个定义了打印时引用的CSS。css1定义了display: none;,所以打印时css1的类型不会被打印。