JS页面打印，预览，设置，分页

时间：2021-12-05 18:34:38

一）在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控件执行脚本*，启用，确定

相关文章