JavaScript实现打印和打印预览功能
2009-09-05 02:15
716 查看
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();">
打印:
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();">
相关文章推荐
- 开源的javascript实现页面打印功能,兼容所有的浏览器(情况属实)
- JavaScript实现无刷新上传预览图片功能
- JavaScript 实现打印,打印预览,打印设置
- JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)
- C#实现打印与打印预览功能
- JavaScript setTimeout使用闭包功能实现定时打印数值
- js实现web套打功能,支持拖动布局,支持按键移动支持打印预览,结果可保存至数据库中
- 在WPF中实现XPS打印和预览功能
- 代码实现打印功能(asp.net+javascript)
- C#实现打印与打印预览功能的思路及代码
- c#打印预览控件中实现用鼠标移动页面功能代码分享
- C#实现打印与打印预览功能
- JS 打印功能代码可实现打印预览、打印设置等
- C#实现打印与打印预览功能
- JavaScript setTimeout使用闭包功能实现定时打印数值
- C#实现打印与打印预览功能
- javascript 打印预览的实现
- 在Web中如何运用JavaScript实现打印功能
- JavaScript实现图片上传预览功能
- javascript结合WebBrowser实现打印预览、直接打印、页