JS網頁打印設置技巧
轉自:http://blog.sina.com.cn/s/blog_3eba8f1c0100emu4.html最近寫一些東西需要提供網頁打印功能,所以歸納總結了一下,本節主要講述使用IE6支持打印功能,不同瀏覽器安全設置與支持有差異,如果不支持,請使用您的瀏覽器自帶打印功能(或手動設置啟用ActiveX控件)。書寫有不足或描述不清的地方請大家指正。^-^
利用CSS樣式打印是經常使用的一種打印方法,利用它可以非常方便的實現打印頁面中的指定內容和分頁打印,下面將通過具體實例介紹如何利用CSS樣式打印。
[分析]:
1.打印樣式區分:打印網頁帶頁面樣式,需指明一個media='print'的樣式,建議分開,如下創建軍一個bankprint.css打印樣式文件。
<link rel="stylesheet" media="screen" type="text/css" href="/public/default/css/bank.css" />
<!-- 打印樣式 -->
<link rel="stylesheet" media="print" type="text/css" href="/public/default/css/bankprint.css" />
例:
<style media=‘print’>
.Noprint {display:none;}
.PageBreak {page-break-after: always;}
</style>
說明:
media類型是CSS屬性媒體類型,用于直接引入媒體的屬性。其語法格式如下:
@media screen | print | projection | braille | aural | tv | handheld | all
參數說明
2.WebBrowser控件
同其他控件一樣,首先我們需要在頁面中嵌入WebBrowser控件,不過由于該控件是IE瀏覽器自帶的,支持瀏覽器默認安全設置,因此避免了安全性設置的麻煩。對于IE7及以上安全性要求更高的瀏覽器,您或許還是需要自定義IE的安全性級別。
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" id="wb" width="0" height="0"></OBJECT>
下面就是該控件涉及打印的功能調用,用戶可以在JavaScrip中調用:
wb.execwb(6,1); //打印,打印當前頁面
wb.execwb(7,1); //打印預覽
wb.execwb(8,1); //打印設置,調出系統打印設置對話框
3.頁眉、頁腳設置:打印時,有的需要去掉頁眉頁腳,或替換成自已想要的。
<script language="JavaScript">
...
</script>
[源碼例子]:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>打印設置</title>
<link rel="stylesheet" media="screen" type="text/css" />
<!-- 打印樣式 -->
<link rel="stylesheet" media="print" type="text/css" />
<script language="JavaScript">