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>
 
 
posted @ 2020-05-01 17:22  天马3798  阅读(3315)  评论(0编辑  收藏  举报