黑松山资源网

打印网页中不打印页面中的某些内容
站长资源 2024/12/25 佚名
2 0
黑松山资源网 Design By www.paidiu.com
其实很简单，用一个CSS就可以实现了，这个方法同时支持IE和FF。
HTML内容
XML/HTML Code复制内容到剪贴板
  1. <HTML>    
  2.   <HEAD>    
  3.     <TITLE>Test Print</TITLE>    
  4.     <STYLE type="text/css">    
  5.         .css1 {    
  6.             text-align: center;    
  7.             text-align: center;    
  8.             height: 250;    
  9.             width: 400;    
  10.             background-color: blue;    
  11.         }    
  12.         .css2 {    
  13.             text-align: center;    
  14.             height: 250;    
  15.             width: 400;    
  16.             background-color: red;    
  17.         }    
  18.         @media print {    
  19.             .printbtn, .css1 {    
  20.                 display: none;    
  21.             }    
  22.         }    
  23.     </STYLE>    
  24.   </HEAD>    
  25.   <BODY>    
  26.     <DIV class="printbtn"><INPUT type="button" value="Print" onclick="window.print()"/> Print button can't print out, But it can display in page.</DIV>    
  27.     <DIV class="css1"><BR/><BR/><BR/>Not print out</DIV>    
  28.     <DIV class="css2"><BR/><BR/><BR/>Print out</DIV>    
  29.   </BODY>    
  30. </HTML>  

主要是在于CSS @media print，这个定义了打印时引用的CSS。css1定义了display: none;，所以打印时css1的类型不会被打印。
黑松山资源网 Design By www.paidiu.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
黑松山资源网 Design By www.paidiu.com
www.paidiu.com 黑松山资源网
39,976影音资源
44,792技术资源
21,817软件资源
651,128站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 更多链接
黑松山资源网 Design By www.paidiu.com