JavaScript实现打印和打印预览功能

最新推荐文章于 2025-11-03 14:39:59 发布

转载最新推荐文章于 2025-11-03 14:39:59 发布 · 1.5w 阅读

标签

#javascript #button #webbrowser #input #function

Web View 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了多种网页打印的方法，包括直接打印、打印预览及利用JavaScript和HTML实现自定义打印等功能。同时还探讨了如何通过调整HTML元素来改善打印效果，如隐藏按钮等。

1、
打印：
First Method: Window.Print();
打印预览：
First Method: 先制作一张跟打印效果一样的页，在该页显示后调用Window.Print();
2、
<script>
function start(v){
try{printWB.ExecWB(v,1);}catch(e){}
window.close();
}
</script>
<object id="printWB" style="display:none" width=0 height=0 classid="clsid:8856F961-340A-11D0-A96B-00C04FD705A2" VIEWASTEXT></object><body topmargin=0 leftmargin=0 onload="start(7)"></body>
使用方法：
obiect是打印的控件，要放在 <body>前。start是打印的函数，v是参数（7是预览，6是打印）
3、
打印预览：
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="WebBrowser3" width="0" VIEWASTEXT>
</OBJECT>
<script language="#">
function test()
{
document.all.WebBrowser3.ExecWB(7,1);
}
</script>
<INPUT type="button" value="Button" onclick="test()">
4、
非常精彩的代码。不知能否在代码中将打印出来的业眉页脚去掉呢？
ie默认是要打印的，所以打印结果显得不漂亮。
谢谢！！
那个容易。把Html中的<title>...</title>这一句去掉就行了。
不过，去掉页脚我还没想到解决方法

5、
在<body bgcolor="#ffffff" text="#000000" onbeforeprint="btnprint.style.display='none';btnback.style.display='none';" onafterprint="btnprint.style.display='';btnback.style.display=''>在“</body></html>”前添加以下代码
<INPUT TYPE="button" value="打印" id="btnprint" onclick="self.print();"> <INPUT TYPE="button" value="返回" id="btnback" onclick="window.history.back();">