js、jquery打印

第一种方法:
<input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />
可以用样式控制,你想让那块打印就打印啊,样式如下:
<style type="text/css" media=print>
.noprint{display : none }
</style>
然后使用样式就可以:
<p class="noprint">不需要打印的地方</p>

第二种方法:
<table   id= "a ">
123
</table>
<script>
var   op   =   window.open();
op.document.writeln(a.outerHTML);
op.document.writeln( ' <script> window.print() <\/script> ');
</script>

第三种方法:
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();">




==================================================================


Jquery打印

实现步骤
1)引用2个js文件
2)定义打印区域的div,打印按钮
3)为打印按钮绑定打印事件


    <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>  
    <%@ page import="java.util.*"%>  
    <html>  
        <head>  
            <title></title>  
        </head>  
        <script type="text/javascript" src="jquery-1.4.3.js"></script>  
        <script type="text/javascript" src="jquery.PrintArea.js"></script>  
        <body>  
            <input id="btnPrint" type="button" value="打印"/>  
            <div id="myPrintArea">  
                ====打印区域====  
            </div>  
        </body>  
        <script type="text/javascript">  
            $(function(){  
                //打印  
                $("#btnPrint").bind("click",function(event){  
                    $("#myPrintArea").printArea();  
                });  
            });  
        </script>  
    </html>  



原文: http://www.cnblogs.com/weihai2003/archive/2009/01/06/1370127.html

你可能感兴趣的:(jquery)