当前位置: 开发笔记 > 前端 > 正文

javascript打印内容方法小结

作者：葬宝御用小奶瓶2004 | 来源：互联网 | 2022-01-26 16:40

关于JS打印问题！网上收集+自己总结，需要的朋友可以参考下。

一般打印就用window.print();就OK了
但是一般都是选择性打印所以会调用方法：

代码如下:

 
function preview() 
{ 
bdhtml=window.document.body.innerHTML; 
sprnstr=""; 
eprnstr=""; 
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); 
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); 
window.document.body.innerHTML=prnhtml; 
window.print(); 
} 

问题又来了~
会有页脚和页眉~还有横向和纵向之分~
怎么办？
最好就是用到打印预览~
因为它里面有设置
这时必须引用IE的一个控件"WebBrowser"
在页面里引用：其控件方法：

代码如下:

 
WebBrowser.ExecWB(1,1) 打开 
WebBrowser.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口 
WebBrowser.ExecWB(4,1) 保存网页 
WebBrowser.ExecWB(6,1) 打印 
WebBrowser.ExecWB(7,1) 打印预览 
WebBrowser.ExecWB(8,1) 打印页面设置 
WebBrowser.ExecWB(10,1) 查看页面属性 
WebBrowser.ExecWB(15,1) 好像是撤销，有待确认 
WebBrowser.ExecWB(17,1) 全选 
WebBrowser.ExecWB(22,1) 刷新 
WebBrowser.ExecWB(45,1) 关闭窗体无提示 

示例:
';
document.body.insertAdjacentHTML('beforeEnd', WebBrowser);//在body标签内加入html（WebBrowser activeX控件）
WebBrowser1.ExecWB(7, 1);//打印预览
WebBrowser1.outerHTML = "";//从代码中清除插入的html代码
pagesetup_default();//预览结束后页眉页脚恢复默认值
setdivvisible("div1");//预览结束后显示按钮
}
function print() //打印函数
{
pagesetup_null();//打印之前去掉页眉，页脚
setdivhidden("div1"); //打印之前先隐藏不想打印输出的元素
var WebBrowser = '';
document.body.insertAdjacentHTML('beforeEnd', WebBrowser);//在body标签内加入html（WebBrowser activeX控件）
WebBrowser1.ExecWB(6, 1);//打印
WebBrowser1.outerHTML = "";//从代码中清除插入的html代码
pagesetup_default();//打印结束后页眉页脚恢复默认值
setdivvisible("div1");//打印结束后显示按钮
}

表格一：

1111	1111	1111
1111	1111	1111
1111	1111	1111

----------------------------------------------------------------------------
JS实现局部打印和预览：
第一种：
JS 实现简单的页面局部打印

代码如下:

 
function preview(oper) 
{ 
if (oper <10){ 
bdhtml=window.document.body.innerHTML;//获取当前页的html代码 
sprnstr="";//设置打印开始区域 
eprnstr="";//设置打印结束区域 
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html 
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html 
window.document.body.innerHTML=prnhtml; 
window.print(); 
window.document.body.innerHTML=bdhtml; 
} else { 
window.print(); 
} 
} 