打印部分页面时预览的解决方案

不想那一抹悠然

不想那一抹悠然

2016-02-19 15:00

有了下面这个打印部分页面时预览的解决方案教程,不懂打印部分页面时预览的解决方案的也能装懂了,赶紧get起来装逼一下吧!

情况一:针对页面上少量元素不打印(不预览)的情况的解决办法是使用style,具体如下:
定义如下style:
@media print {
.notprint {
display:none;
}
}

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

@media screen {
.notprint {
display:inline;
cursor:hand;
}
}

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

所有需要显示但不需要打印(预览)的元素都加上: class='notprint'

情况二:针对只打印(预览)页面上某个区块内容的情况,其解决办法是:定义一个专用的预览页面review.htm,其内容如下:
head
meta HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312"
OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0/OBJECT
/head
style
@media print {
.notprint {
display:none;
}
}

@media screen {
.notprint {
display:inline;
cursor:hand;
}
}
/style
body
/body
script
function window.onload(){
var printArea=opener.document.all.printArea;
window.document.body.innerHTML=printArea.innerHTML;
window.focus();
window.document.all.WebBrowser.ExecWB(7,1);
window.close();
}
/script

需要预览的时候只要这样调用:
window.open("review.htm")
说明:要打印的区域要用div id=printArea和/div围起来。

展开更多 50%)
分享

猜你喜欢

打印部分页面时预览的解决方案

Web开发
打印部分页面时预览的解决方案

WEB打印设置解决方案四

ASP
WEB打印设置解决方案四

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

WEB打印设置解决方案三

ASP
WEB打印设置解决方案三

WEB打印设置解决方案一

ASP
WEB打印设置解决方案一

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

WEB打印设置解决方案二

ASP
WEB打印设置解决方案二

IE里面打印HTML页面时的分页控制

Web开发
IE里面打印HTML页面时的分页控制

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

网页设计中文本输入框一些参数说明

网页设计中文本输入框一些参数说明

JAVA编程思想之对象入门

JAVA编程思想之对象入门
下拉加载更多内容 ↓