JavaScript 页面打印,预览,设置,分页
程序员文章站
2022-06-19 16:46:19
...
在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控件。因此,此页面可能显示不正确 】的提示,
请按以下步骤操作:
- 公网(任何地点都能访问)
Internet选项,安全,Internet,自定义级别,ActiveX控件和插件,对标记为可安全执行脚本的ActiveX控件执行脚本*,启用,确定
- 内网(只能公司网络访问)
Internet选项,安全,本地Internet,站点,高级,将该网站添加到区域(例:http://net.sina.com.cn),添加,关闭,确定;
自定义级别,ActiveX控件和插件,对标记为可安全执行脚本的ActiveX控件执行脚本*,启用,确定
上一篇: 12行代码实现js打印当前页面表格
下一篇: 打印代码