读书人

js或jquery兑现页面打印

发布时间: 2013-01-27 13:56:15 作者: rapoo

js或jquery实现页面打印
方法多多,自己收集一下

1、js实现(可实现局部打印)

<input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /><input id="btnPrint" type="button" value="打印预览" onclick=preview(1) /><style type="text/css" media=print>.noprint{display : none }</style><p name="code"><HTML><HEAD><TITLE>javascript打印-打印页面设置-打印预览代码</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312" /> <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> <DIV align=center> <OBJECT id=wb height=0 width=0  classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT> <INPUT onclick=javascript:printit() type=button value=打印 name=button_print />  <INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup />  <INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show />  一按开始的减肥了卡时间段</DIV> </BODY> </HTML> 



3、jQuery实现(支持局部打印)
<script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.PrintArea.js"></script> <script>$(document).ready(function(){  $("input#biuuu_button").click(function(){  $("div#myPrintArea").printArea();});}); </script> <input id="biuuu_button" type="button" value="打印"></input><div id="myPrintArea">.....文本打印部分.....</div> 引用

读书人网 >JavaScript

热点推荐