js实现（可实现局部打印）

1、js实现（可实现局部打印）

<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-->  再加个打印按纽 οnclick=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 ο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实现（支持局部打印）

<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>

转载于:https://www.cnblogs.com/smallfa/p/10577101.html

js实现（可实现局部打印）相关推荐

php打印js函数,JS局部打印方法
这篇文章我们和大家分享一个非常简单的技术,JS实现局部打印,web打印有很多种,那么JS打印也有多种方法,现在我们就教大家一种JS实现局部打印的方法. 局部打印案例 function doPrint( ...
js网页打印,js打印,javascript局部打印,网页局部打印方法
一.css控制网页局部打印举例: <div class="noprint" > <table style="margin:0 auto;width:5 ...
jquery 网页局部打印总结
最近开发过程中遇到了js局部打印的功能,在网上找相关的资料,最终找到了juery.jqprint-0.3.js 和jquery.PrintArea.js两种. 最初使用的是jquery.jqprint ...
批量打印之jquery局部打印
上个月弄了个批量打印的功能,觉得以后可能用得着,就写个博客记一下,免得忘记了.说这个之前,先来说一下我用过的两个打印插件,一个是Jquery打印插件(这次开始用的),一个是smsx.cab控件的打印插 ...
用JS在html页面实现打印功能
用JS在html页面实现打印功能打印方式一: 打印方式二: 打印方式三(此方式会重新打开一个浏览器窗口): 做项目时,有在网页实现全局和局部打印的需求,百度许久,现总结如下: 打印方式一: 1.首先 ...
vue 中的打印局部打印
下载print.js print 下载在项目main.js导入 main.js import Print from '../config/print' Vue.use(Print) .vue 局部打印 ...
HTML局部打印，区域打印的两种实现方法总结
在开发中,有时需要实现页面的局部打印功能,不打印页面上不需要的区域, 例如页面: <div>aaaaaaaaaaaaaaaaaaa</div><div>bbbbbb ...
【JS新手教程】LODOP打印复选框选中的任务或页数
之前的博文:[JS新手教程]LODOP打印复选框选中的内容关于任务:Lodop打印语句最基本结构介绍(什么是一个任务) 关于本文用到的JS的eval方法:JS-JAVASCRIPT的eval()方法 ...
js控制台 console 骚操作-打印图片-自定义样式-字符画
目录控制台打印骚操作自定义样式打印(输出)图片借助平台打印字符(符号组成) Lunicode 平台操作图片转字符打印控制台打印骚操作二效果图代码实现错误案例方式一(感觉有点乱) 方 ...

js实现（可实现局部打印）

js实现（可实现局部打印）相关推荐

最新文章

热门文章