`
高级java工程师
  • 浏览: 396538 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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 class="noprint">不需要打印的地方</p>

<script>
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); //从开始代码向后取html

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
} else {
window.print();
}
}
</script>
<p>XXXXX</p>
<!--startprint1-->要打印的内容<!--endprint1-->

再加个打印按纽 onclick=preview(1) 




2、调用windows底层打印,报安全警告,不建议使用(不支持局部打印)
<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> 
引用
分享到:
评论

相关推荐

    js或jquery实现页面打印可局部打印

    js或jquery实现页面打印(局部打印) 1、js实现(可实现局部打印) 代码如下: &lt;html&gt; &lt;title&gt;js打印&lt;/title&gt; &lt;head&gt;&lt;/head&gt;&lt;body&gt; &lt;input id=”btnPrint” type=”button” ...

    原生JS打印插件之jQuery.EasyPrint.js使用文档

    JS怎么实现页面打印呢?JavaScript 实现打印,打印预览,打印设置;JS打印和报表输出;原生js打印插件Print.js;js控制分页打印、打印分页示例;js 打印插件;js使用window.print()实现打印功能;代码仅5kb; 自主研发...

    jquery实现的网页水印

    利用jquery实现的在页面添加水印,并且使用了jquery的resizeend实现了,根据窗口调整大小自动适应添加水印

    jQuery前端网页实现打印页面js包

    在网页预览合同报表,实现在线打印jQuery包,需要的拿去用,使用方法$(div).print();

    jQueryPrint.js打印网页

    jQueryPrint.js打印网页JS,很好用,可以指定打印网页上特定的资源!

    Jquery 页面打印

    利用JQuery的JQprint-0.3.js实现页面打印功能

    jquery.PrintArea.js-2.4.0-打印功能.rar

    jquery.PrintArea.js,生成打印页面

    jQuery 网页通用打印组件

    相信大家都遇到过在多浏览器下,javascript 打印代码不是那么听话的时候,那么,有了这个组件,这都不是事儿了!此组件,基于 jQuery 1.x 编写,能完美兼容各个浏览器的打印需求!!你,值得拥有!

    jQuery打印插件.js

    script type = “ text / JavaScript ” src = “ path / to / jquery.print.js ” &gt; &lt;/ script &gt; 使用它像: $(“#myElementId ”)。print(/ * options * /); 要么 $。print(“#myElementId ...

    jQuery打印插件----jQuery.print.js

    jQuery打印插件----jQuery.print.js实现网页的打印功能,亲测有效

    jquery-easyui-打印

    实现javascript打印功能,打印整个页面就很简单,但如果指定打印某一个区域就有点难点,这里有一个jQuery插件PrintArea可实现打印页面某区域功能。 使用说明 需要使用jQuery库文件和PrintArea库文件

    网页打印插件jQuery.PrintArea.zip

    网页打印插件jQuery.PrintArea是一款基于jquery实现页面打印可局部打印特效。

    jQuery.print.js

    jQueryPrint.js打印网页jQueryPrint.js打印网页JS,很好用,可以指定打印网页上特定的资源!

    jquery.jqprint-0.3.js

    jqprint插件是一款基于jquery的网页打印插件,可以非常轻松的实现网页打印,而且可以打印任意选定的区域。在使用jqprint打印的过程中,实现也是非常简单的。下面就详细的讲解下jqprint插件的使用。

    js打印jquery插件

    jquery.print-preview.js 进行打印,对源码进行了一丢丢调整,方便页面调用,,,要50字

    jQuery网页局部打印代码.zip

    jQuery网页局部打印代码,此代码可打印页面部分内容。

    jQuery版图书馆管理系统

    1、系统需求分析及数据库建模 2、主界面WebOS搭建 3、实现图书馆管理系统的登录 4、实现图书馆信息管理 5、更改口令及利用用户自定义控件技术简化代码 ...20、利用jquery-treeview实现读者借书清单

    Jquery 打印的工具插件jquery.PrintArea.js

    jquery网页打印插件PrintArea.js,方便小巧,及插即拔,打印范围可控

    jquery.PrintArea.rar

    jQuery 打印插件 PrintArea 支持页面局部打印。JQuery打印插件jquery.PrintArea.js与实例实现对区域文字打印

Global site tag (gtag.js) - Google Analytics