第一种方法：
1.html
<div id="be_printed">sfasdfasdfasfd</div>
<a href="print.html" target="_no">打印</a>
<iframe frameborder=0 width=0 height=0></iframe>
print.html
<body οnlοad="this.innerHTML=opener.document.getElementById('be_printed').innerHTML;window.print();">
</body>
第二种：
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); //从开始代码向后取htmlprnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取htmlwindow.document.body.innerHTML=prnhtml;window.print();window.document.body.innerHTML=bdhtml;} else {window.print();}}使用很简单 将页面内要打印的内容加入中间<!--startprint1-->XXXXX<!--endprint1-->再加个打印按纽 οnclick=preview(1)
注:用<object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object> 这种方法打印,浏览器会出现安全提示,不好!
第三中：组件法
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 viewastext
></
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();
"
>
现在就实现了基本的web打印，需要注意的情况如下：
a. 必须将ie的internet选项的安全设置中对于没有标记为安全的ActiveX控件进行...设置成提示或者启用，否则会报错，导致不可用。
b. 如果在vs.net编辑环境下编辑该页面，它经常自动的给object添加多余的参数，有了这些东西，打印就会出错，所以要记得最后保存的时候删除它们。
第四种：
<script type="text/javascript">
function printPage() {
var hkey_root, hkey_path, hkey_key;
hkey_root = "HKEY_CURRENT_USER";
hkey_path = "SoftwareMicrosoftInternet ExplorerPageSetup";
try {
var RegWsh = new ActiveXObject("WScript.Shell");
hkey_key1 = "header";
hkey_key2 = "footer";
RegWsh.RegWrite(hkey_root + hkey_path + hkey_key1, "");
RegWsh.RegWrite(hkey_root + hkey_path + hkey_key2, "");
}
catch (e) { }
bdhtml = window.document.body.innerHTML;
sprnstr = "<!--startprint-->";
eprnstr = "<!--endprint-->";
prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
window.document.body.innerHTML = prnhtml;
window.print();
window.document.body.innerHTML = bdhtml;
window.location.reload();
return false;
}
</script>
body:
将要打印的内容 放到
<!--startprint--> 要打印的内容 <!--endprint-->
第五种：指定不打印区域
使用CSS，定义一个.noprint的class，将不打印的内容放入这个class内。
详细如下：
<style media=print type="text/css">
.noprint{visibility:hidden}
</style>
要打印的内容。哈哈！
<p class="noprint">将不打印的代码放在这里。</p>
<a href="javascrīpt:window.print()" target="_self">打印</a>
第六种方法：指定打印区域
把要打印的内容放入一个 span或div，然后通过一个函数打印。
<span id='div1'>把要打印的内容放这里</span>
<p>所有内容</p>
<div id="div2">div2的内容</div>
<a href="javascrīpt:printme()" target="_self">打印</a>
<scrīpt language="javascrīpt">
function printme()
{
document.body.innerHTML=document.getElementById('div1').innerHTML+'<br/>'+document.getElementById('div2').innerHTML;
window.print();
}
</scrīpt>
如果要打印的只是整个页面中的一小部分，就最好采用第六种方法。
第七种方法：如果要打印的页面排版和原web页面相差很大，采用此种方法。
点打印按钮弹出新窗口，把需要打印的内容显示到新窗口中，在新窗口中调用window.print()方法，然后自动关闭新窗口。
1、控制"纵打"、 横打”和“页面的边距。
（1）
<script defer>
function SetPrintSettings() {
// -- advanced features
factory.printing.SetMarginMeasure(2) // measure margins in inches
factory.SetPageRange(false, 1, 3) // need pages from 1 to 3
factory.printing.printer = "HP DeskJet 870C"
factory.printing.copies = 2
factory.printing.collate = true
factory.printing.*****Size = "A4"
factory.printing.*****Source = "Manual feed"
// -- basic features
factory.printing.header = "This is MeadCo"
factory.printing.footer = "Advanced Printing by ScriptX"
factory.printing.portrait = false
factory.printing.leftMargin = 1.0
factory.printing.topMargin = 1.0
factory.printing.rightMargin = 1.0
factory.printing.bottomMargin = 1.0
}
</script>
（2）
<script language="javascript">
function printsetup(){
// 打印页面设置
wb.execwb(8,1);
}
function printpreview(){
// 打印页面预览
wb.execwb(7,1);
}
function printit()
{
if (confirm('确定打印吗？')) {
wb.execwb(6,6)
}
}
</script>
</head>
<body>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>
<input type=button name=button_print value="打印" οnclick="javascript:printit()">
<input type=button name=button_setup value="打印页面设置" οnclick="javascript:printsetup();">
<input type=button name=button_show value="打印预览" οnclick="javascript:printpreview();">
<input type=button name=button_fh value="关闭" οnclick="javascript:window.close();">
------------------------------------------------
关于这个组件还有其他的用法，列举如下：
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) 关闭窗体无提示
2、分页打印
<HTML>
<HEAD>
<STYLE>
P {page-break-after: always}
</STYLE>
</HEAD>
<BODY>
<%while not rs.eof%>
<P><%=rs(0)%></P>
<%rs.movenext%>
<%wend%>
</BODY>
</HTML>
第八种方法：去除页眉页脚
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>PcyearSeo</title>
<head>
<!--关键代码部分-->
<script language="javascript" type="text/javascript">
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
var hkey_root,hkey_path,hkey_key
hkey_root="HKEY_CURRENT_USER"
hkey_path="\Software\Microsoft\Internet Explorer\PageSetup\ "
function pagesetup_null(){
try{
var RegWsh=new ActiveXObject("WScript.Shell")
hkey_key="header"
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")
hkey_key="footer"
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")
}catch(e){}
}
</script>
<!--关键代码部分-->
</HEAD>
<BODY>
<DIV align=center>
<p>
<!--关键代码部分-->
<OBJECT id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" width="0" VIEWASTEXT></OBJECT>
<!--关键代码部分-->
您打印内容开始：
</p>
<p>
<!--startprint-->
<div style="border:1px solid #999999; width:auto;"><img src="2010723115926746.jpg"/></div>
<!--endprint-->
</p>
<p>打印的内容结束</p>
<p class="noprint">
<!--class="noprint"的作用是标示不需要打印的地方，任何一个标签的class属性都可以设置，用于去除不需要打印的地方-->
<INPUT οnclick=javascript:doPrint() type=button value=打印 name=button_print />
</p>
</DIV>
</body>
</html>
扫一扫
254
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
