博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS实现局部打印和预览【转】
阅读量:5753 次
发布时间:2019-06-18

本文共 2236 字,大约阅读时间需要 7 分钟。

第一种:

 

JS 实现简单的页面局部打印 
function
 preview(oper)
...
...
{
if (oper < 10)......{
bdhtml
=window.document.body.innerHTML;//获取当前页的html代码
sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域
eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域
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();
}
}
使用很简单 将页面内要打印的内容加入中间
<!--
startprint1
-->
XXXXX
<!--
endprint1
-->
再加个打印按纽 onclick
=
preview(
1

 

第二中:组件法

 

 

WebBrowser是IE内置的浏览器控件,无需用户下载.
一、WebBrowser控件 
  
<
object ID
=
'
WebBrowser
'
 WIDTH
=
0
 HEIGHT
=
0
 CLASSID
=
'
CLSID:8856F961-340A-11D0-A96B-00C04FD705A2
'
></
object
>
 
二、WebBrowder控件的方法 
//
打印 
WebBrowser1.ExecWB(
6
,
1
); 
//
打印设置 
WebBrowser1.ExecWB(
8
,
1
); 
//
打印预览 
WebBrowser1.ExecWB(
7
,
1
); 
关于这个组件还有其他的用法,列举如下: 
WebBrowser.ExecWB(
1
,
1
) 打开 
Web.ExecWB(
2
,
1
) 关闭现在所有的IE窗口,并打开一个新窗口 
Web.ExecWB(
4
,
1
) 保存网页 
Web.ExecWB(
6
,
1
) 打印 
Web.ExecWB(
7
,
1
) 打印预览 
Web.ExecWB(
8
,
1
) 打印页面设置 
Web.ExecWB(
10
,
1
) 查看页面属性 
Web.ExecWB(
15
,
1
) 好像是撤销,有待确认 
Web.ExecWB(
17
,
1
) 全选 
Web.ExecWB(
22
,
1
) 刷新 
Web.ExecWB(
45
,
1
) 关闭窗体无提示 
但是打印是会把整个页面都打印出来的,页面里面有什么东西就打印出来,我们有时候只需要打印数据表格,这时我们就要写一个样式了:把不想打印的部份隐藏起来:
样式内容:
<
style type
=
"
text/css
"
 media
=
print
>
.noprint...
...
{display : none }
</
style
>
然后使用样式就可以:
<
p class
=
"
noprint
"
>
不需要打印的地方
</
p
>
代码如下:
<
script language
=
"
javascript
"
>
 
function
 printsetup()...
...
// 打印页面设置 
wb.execwb(8,1); 
}
 
function
 printpreview()...
...
// 打印页面预览 
wb.execwb(
7,1); 
}
 
function
 printit() 
...
...
if (confirm('确定打印吗?')) ......
wb.execwb(
6,6
}
 
}
 
</
script
>
 
<
OBJECT classid
=
"
CLSID:8856F961-340A-11D0-A96B-00C04FD705A2
"
 height
=
0
 id
=
wb name
=
wb width
=
0
></
OBJECT
>
 
<
input type
=
button name
=
button_print value
=
"
打印
"
 class
=
"
noprint
"
 onclick
=
"
javascript:printit()
"
>
 
<
input type
=
button name
=
button_setup value
=
"
打印页面设置
"
 class
=
"
noprint
"
 onclick
=
"
javascript:printsetup();
"
>
 
<
input type
=
button name
=
button_show value
=
"
打印预览
"
 class
=
"
noprint
"
 onclick
=
"
javascript:printpreview();
"
>
 

转载于:https://www.cnblogs.com/xsmhero/archive/2012/02/21/2360853.html

你可能感兴趣的文章
【转】init.d目录理解【转】
查看>>
win7 添加共享打印机登陆失败的问题!!!
查看>>
awk 用法详解!
查看>>
linux下添加路由的多种方法
查看>>
通过Jenkins API获得/检测Jenkins的Version
查看>>
关于Git的ssh公私钥非对称传输的一点理解
查看>>
用python编写daemon监控进程并自动恢复(附Shell版)
查看>>
u盘格式化的格式及分配单元大小
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
互联网创业公司最常见的失败原因
查看>>
学 Win32 汇编[9]: 子过程中的变量声明
查看>>
Windows 编程[7] - WM_CREATE 消息
查看>>
我的友情链接
查看>>
System.GetMem、System.FreeMem - 申请和释放内存
查看>>
使用 IntraWeb (5) - 页面布局之 TFrame
查看>>
WinAPI: SetLayeredWindowAttributes - 设置窗口的透明
查看>>
chfn
查看>>
Android可执行文件.Dex的编译使用
查看>>
安装完 MySQL 后必须调整的 10 项配置
查看>>