打印代码

在IE9中打印没有问题,但IE6、7、8都会出现前几页空白的情况,找了很久,才发现是ui-jqgrid-bdiv样式类中的overflow引起的,在打印之前将其删除,打印之后将其恢复即可。
打印时的CSS样式如下: 复制代码 代码如下:

打印代码: 复制代码 代码如下: $.live {
window.focus; return false; }); var GridHeight; function
window.onbeforeprint() { //打印前事件 var jqgridObj=jQuery; GridHeight =
jqgridObj.jqGrid(‘getGridParam’, ‘height’);//获取高度
jqgridObj.jqGrid(‘setGridHeight’,
‘100%’);//将其高度设置成100%,主要是为了jqgrid 中有Scroll条时
能把该scroll条内内容都打印出来 $(“#www.602.net,gview_jqgridlist
.ui-jqgrid-bdiv”).removeClass().addClass(“ui-jqgrid-bdiv_self”);//去除掉overflow属性}
function window.onafterprint() {//打印后事件 //放开隐藏的元素
$(“#gview_jqgridlist
.ui-jqgrid-bdiv_self”).removeClass().addClass;//恢复overflow属性,否则会导致jqgrid中scroll条消失
jQuery.jqGrid(‘setGridHeight’, GridHeight);//设置成打印前的高度} CSS
媒体属性介绍:
媒介类型允许你定义以何种媒介来提交文档。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。
媒介类型 某些 CSS 属性仅仅被设计为针对某些媒介。比方说 “voice-family”
属性被设计为针对听觉用户终端。其他的属性可被用于不同的媒介。例如,”font-size”
属性可被用于显示器以及印刷媒介,但是也许会带有不同的值。显示器上面的显示的文档通常会需要比纸媒介文档更大的字号,同时,在显示器上,sans-serif
字体更易阅读,而在纸媒介上,serif 字体更易阅读。 @media规则 @media
规则使你有能力在相同的样式表中,使用不同的样式规则来针对不同的媒介。
下面这个例子中的样式告知浏览器在显示器上显示 14 像素的 Verdana
字体。但是假如页面需要被打印,将使用 10 个像素的 Times
字体。注意:font-weight 被设置为粗体,不论显示器还是纸媒介: 复制代码 代码如下:

…. 不同的媒介类型注释:媒介类型名称对大小写不敏感。

媒介类型

描述

all用于所有的媒介设备。aural用于语音和音频合成器。braille用于盲人用点字法触觉回馈设备。embossed用于分页的盲人用点字法打印机。handheld用于小的手持的设备。print用于打印机。projection用于方案展示,比如幻灯片。screen用于电脑显示器。tty用于使用固定密度字母栅格的媒介,比如电传打字机和终端。tv用于电视机类型的设备。

发表评论

电子邮件地址不会被公开。 必填项已用*标注