专栏首页梦_之_旅【CSDN同名】js或jquery实现页面打印可局部打印

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

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

代码如下:

<html>
<title>js打印</title>
<head></head><body>
<input id="btnPrint" type="button" value="打印" οnclick="javascript:window.print();" />

<input id="btnPrint" type="button" value="打印预览" οnclick=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-->
</body>
</html> 

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 οnclick=javascript:printit() type=button value=打印 name=button_print />
<INPUT οnclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup />
<INPUT οnclick=javascript:printpreview(); type=button value=打印预览 name=button_show />
一按开始的减肥了卡时间段
</DIV>
</BODY>
</HTML>

3、jQuery实现(支持局部打印)

代码如下:

<html>
<head>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script>
$(function(){
$("input#biuuu_button").click(function(){
$("div#myPrintArea").printArea();
});
</script>
</head>
<body>
<input id="biuuu_button" type="button" value="打印"></input>
<div id="myPrintArea">.....文本打印部分.....</div> <div class="quote_title">引用</div><div class="quote_div"></div>
</body>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • TP5用webuploader实现图片上传

    思路:异步发送到控制器,控制器上传成功,则返回文件名;前端添加隐藏表单,把这个文件名作为属性隐藏起来;统一提交到数据库保存

    梦_之_旅
  • thinkphp6.0安装及composer一系列问题解决

    [root@localhost]# composer require "artisaninweb/laravel-soap" [Composer\Downloa...

    梦_之_旅
  • Linux服务器误删恢复

    子在一台生产服务器上安装Oracle,边研究边安装,感觉装的不对,准备卸载重新安装。从网上找到卸载方法,其中要执行一行命令删除Oracle的安装目录,命令如下...

    梦_之_旅
  • 【温故知新】概率笔记3——几何概型

      天上掉钱了!都是红色的毛爷爷!同学们拿着盆跑到操场上接钱,当然谁的盆大谁接到钱的可能性就越大。

    统计学家
  • 2020 FFmpeg 滤镜详解

    在多媒体处理中,术语滤镜(filter)指的是修改未编码的原始音视频数据帧的一种软件工具。

    jerrypxiao
  • PostgreSQL Buffer管理机制

    1、Buffer由数组BufferDescriptor[]数组进行管理。该数组由函数InitBufferPool创建,大小为NBuffers个成员即Buffer...

    yzsDBA
  • 聊聊skywalking的MemoryProvider

    skywalking-6.6.0/apm-sniffer/apm-agent-core/src/main/java/org/apache/skywalking/...

    codecraft
  • 聊聊skywalking的MemoryProvider

    skywalking-6.6.0/apm-sniffer/apm-agent-core/src/main/java/org/apache/skywalking/...

    codecraft
  • Tomcat及其负载均衡

    L宝宝聊IT
  • [每日一题]老王赛马

    题目描述 赛马是一古老的游戏,早在公元前四世纪的中国,处在诸侯割据的状态,历史上称为“战国时期”。在魏国作官的孙膑,因为受到同僚庞涓的迫害,被齐国使臣救出后,到...

    编程范 源代码公司

扫码关注云+社区

领取腾讯云代金券