萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> 打印部分頁面時預覽
打印部分頁面時預覽
情況一：針對頁面上少量元素不打印（不預覽）的情況的解決辦法是使用style,具體如下：
定義如下style:
@media print {
.notprint {
display:none;
}
}
@media screen {
.notprint {
display:inline;
cursor:hand;
}
}
所有需要顯示但不需要打印（預覽）的元素都加上： 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>圍起來。
