在html里设置打印的格式,JavaScript+CSS控制打印格式(示例)

1，用media="print"的css来控制要打印的文件testPrint.html中引用media为print的样式，表示打印时该样式才起作用

复制代码代码示例:

/style/print.css文件

复制代码代码示例:

.noprint{display:none;}

在testPrint.html中使用print.css中的样式，在网页浏览的时候是看不出效果的，但是打印的时候会起作用，如下面这一段，加上noprint之后，在浏览器中仍然是现实的，但是打印时不显示：

复制代码代码示例:

当然print.css里面的样式你可以随便写，改颜色啊(彩色的图像在黑白打印机下效果不好，可以用另一种样式打印)，字体什么的都可以。

2，用JavaScript来控制

有时候JavaScript也是不错的选择

复制代码代码示例:

这段文字不会被打印出来

打印之前，会调用window.onbeforeprint函数，给html重新构造一遍，然后打印。

当然打印之后一般还要换回来，就是window.onafterprint函数了。

小技巧：window.print()，其实也可以打印框架的，例如：window.top.centerFrame.MainFrame.print();

在html里设置打印的格式,JavaScript+CSS控制打印格式(示例)相关推荐

php怎么自定义设置打印区域,JavaScript_jQuery实现区域打印功能代码详解，使用CSS控制打印样式，需要设 - phpStudy...
jQuery实现区域打印功能代码详解使用CSS控制打印样式,需要设置样式media="print",并且将页面中不需要打印的元素的样式display属性设置为none.如DEMO ...
[原创]Lodop打印, 以及Lodop引用css文件控制打印样式的问题.
最近在做Lodop打印功能: 思路是: 用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是: 在打印的JS文件中, 引 ...
css打印适应纸张_CSS print 样式 css控制打印样式分页页面大小
显示器(screen)和打印机(printer)是两种差别很大的设备,所以从浏览器里看到的页面,打印出来也许和你看到的样子有很大的差距.screen一般使用逻辑单位比如px,而打印机则应该使用物理单位 ...
jquery 利用CSS 控制打印样式
一.添加打印样式 1. 为屏幕显示和打印分别准备一个css文件,如下所示: 用于屏幕显示的css: <link rel="stylesheet" href=" ...
ie浏览器html打印预览,Javascript实现IE打印页面设置、预览、首页设置的代码
1.js代码方式复制代码代码示例: IE打印页面设置-www.jquerycn.cn .noprint{ display:none; } function printsetup(){ // 打印页 ...
html打印自定义页头,CSS实现打印网页自定义页眉页脚
打印网页时需设置自定义的页眉页脚,CSS没法直接设定:但可以利用table的特性,间接实现类似的效果: 实现效果网页结构代码 /* @media print 限定样式,只作用于打印页 */ /* @ ...
html 设置视频尺寸,如何使用CSS控制视频的宽高？
在网页中嵌入视频时,经常会为video标签添加宽高,给视频预留一定的空间.给视频设置宽高属性后,浏览器在加载页面时就会预先确定视频的尺寸,为视频保留合适大小的空间,保证页面布局的统一.为video标签 ...
html设置打印规则,css @page规则控制打印设置选项
关于css控制打印更多内容可以参阅css控制打印内容的样式一章节. 使用@page规则可以对打印进行更多的设置,比如指定页面的尺寸.页边距,页眉页脚等,以求达到更好的效果. 下面做一下简单介绍. 一 ...
h5打印时如何控制打印区域（基于jquery.PrintArea.js实现）
h5打印时如何控制打印区域(基于jquery.PrintArea.js实现) javaSript 的 window.print() 打印时打印范围不可控制,而jquery.PrintArea.js可以 ...

在html里设置打印的格式,JavaScript+CSS控制打印格式(示例)

在html里设置打印的格式,JavaScript+CSS控制打印格式(示例)相关推荐

最新文章

热门文章