web 页面分页打印的实现_javascript技巧-JS Tutorial-php.cn

web 页面分页打印的实现_javascript技巧

WBOY

Release： 2016-05-16 18:51:22

Original

1006 people have browsed it

1．首先引入一个WebBrowser在需要打印的页面，可以直接添加：

复制代码代码如下:

到页面，或者使用JavaScript在需要的时候临时添加也可以：

复制代码代码如下:

 
document.body.insertAdjacentHTML("beforeEnd", 
"classid=\"clsid:8856F961-340A-11D0-A96B-00C04FD705A2\">"); 

2 .页面设置和打印预览
如下所示，直接调用即可

复制代码代码如下:

 
document.all.WebBrowser.ExecWB(6,6) 直接打印 
document.all.WebBrowser.ExecWB(8,1) 页面设置 
document.all.WebBrowser.ExecWB(7,1) 打印预览 

或者：

复制代码代码如下:

execScript("document.all.WebBrowser.ExecWB 7, 1","VBScript");

3 隐藏不打印的页面元素和分页
CSS 有个Media 属性，可以分开设置打印和显示的格式。
如中间的格式将只在打印时起作用，不会影响显示界面。
所以可以设定

然后给不想打印的页面元素添加： class="Noprint" ，那就不会出现在打印和打印预览中了。
想分页的地方添加：

就可以了。
4．打印页面的特定部分
通过将需要打印的特定部分另建一个页面，然后装入主页面的一个IFrame中，再调用IFrame的打印方法，只打印IFrame中的内容实现的。
如：

下面的pringFrame js函数将只打印Iframe中的内容，可以直接引用使用,如printFrame(FrameId);

复制代码代码如下:

");
doc.close();
}
function onprintHiddenFrame() {
function onfinish() {
printHiddenFrame.outerHTML = "";
if ( window.onprintcomplete ) window.onprintcomplete();
}
printFrame(printHiddenFrame.printMe, onfinish);
}