js打印内容隐藏,media="print" 只在打印的时候显示该内容
<style media="print">、<link media="print">的用法合理应用,media="print"是不被网页所显示的,只能在打印的效果上存在,可以设置出打印效果和在网页上所显示的不一样。
例:打印出来的字体和网页是不同的
// 设置显示器用字体尺寸 @media screen { BODY {font-size:12pt; } }
// 设置打印机用字体尺寸 @media print { @import "print.css" BODY {font-size:8pt;} }
或者<style media="print">body{font-size:12px;}</style>
实例:
<html>
<head>
<style>
.none { display:none;}
</style>
<style media="print">.none { display:block;}</style>
</head>
<body>
<h1>media="print" 实例</h1>
<p>在网页里面是可以看见我的</p>
<p class="none" media="print" >在网页里看不见我,打印出来你就可以看见我啦! ^_^ ( 此页面会通过 media="print" 样式表进行格式化。 )</p>
</body>
</html>