JS頁面打印，預覽，設置，分頁

一）在HTML頁中加載打印對象

<object id="WebBrowser" width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>

 

二）實現打印、預覽、設置功能

<input type="button" value="打印" onclick="document.all.WebBrowser.ExecWB(6,1)" /> 
<input type="button" value="頁面設置" onclick="document.all.WebBrowser.ExecWB(8,1)" /> 
<input type="button" value="打印預覽" onclick="document.all.WebBrowser.ExecWB(7,1)" />

 

三）隱藏不打印內容

<style type="text/css" media="print">
    /*方法一*/
    .noprint{display: none }
</style>


<style type="text/css">
/*方法二*/
@media print
{ .noprint{display: none;}
}
</style>

 

四）將內容打印分頁 

<DIV>（第一頁）</DIV> 

<DIV STYLE="page-break-before:always">在此標簽前，進行分頁（第二頁）</DIV>

<DIV STYLE="page-break-after:always">在此標簽后，進行分頁（第二頁）</DIV>

<DIV>（第三頁）</DIV> 

<DIV STYLE="page-break-before:left">在元素之后足夠的分頁符，一直到一張空白的左頁為止（第四頁）</DIV> 

<DIV STYLE="page-break-after:right">在元素之后足夠的分頁符，一直到一張空白的右頁為止（第四頁）</DIV> 

<DIV>（第五頁）</DIV>

注意：Firefox、Chrome 以及 Safari 不支持屬性值 "avoid"、"left" 以及 "right"。

 

五）Internet選項設置

如果打印頁面窗口上彈出【“Internet Explorer”已經阻止此站點以不安全的方式使用ActiveX控件。因此，此頁面可能顯示不正確 】的提示，

請按以下步驟操作：

1）公網（任何地點都能訪問）

　　Internet選項，安全，Internet，自定義級別，ActiveX控件和插件，對標記為可安全執行腳本的ActiveX控件執行腳本*，啟用，確定

2）內網（只能公司網絡訪問）

　　Internet選項，安全，本地Internet，站點，高級，將該網站添加到區域（例:http://net.sina.com.cn），添加，關閉，確定；

　　自定義級別，ActiveX控件和插件，對標記為可安全執行腳本的ActiveX控件執行腳本*，啟用，確定