js利用window.print实现局部打印方法

一、局部打印，打印单独的一部分内容

方法：为要打印的内容设置单独的id名，新开窗口并打印。

举例如下：

1、html

<div id="pulPrint">
  我是要打印的内容
</div>
<div class="btn btn-primary print-btn">打印</div>

2、js

$(".print-btn").on("click",function(){
    printdiv("pulPrint");
})
//局部打印   这里的printpage是id
function printdiv(printpage){
    var headstr="<html><head><title></title></head></html><body>";
    var footstr="</body>";
    var newstr=document.all.item(printpage).innerHTML;
    var oldstr=document.body.innerHTML;
    var myWindow=window.open(‘‘,‘newwindow‘,‘fullscreen=yes,location=no,menubar=no,status=no,titlebar=no,toolbar=no‘);
    myWindow.document.body.innerHTML=headstr+newstr+footstr; 　　myWindow.print();
    setTimeout(function(){
        myWindow.close();
    },300);
    return false;
}
时间： 2024-12-21 07:59:51

js利用window.print实现局部打印方法的相关文章

使用window.print实现网页打印

Window.print()方法用于在浏览器中打印当前窗口的内容,如果想要打印当前窗口中指定部分的内容的话需要其他的一些特殊的处理; Demo: <html> <head> <title>页面标题</title> <style type=”text/css” media=”print”> #button{ //隐藏网页中的打印按钮 display:none; } </style> <script type=”javscript”

js中window.print()去除页眉页脚

//jsp打印时去除页眉页页脚 打印前加入下面代码即可 var HKEY_Root,HKEY_Path,HKEY_Key; HKEY_Root="HKEY_CURRENT_USER"; HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"; var head,foot,top,bottom,left,right; var Wsh=new ActiveXObject("WScrip

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

1.js实现(可实现局部打印)代码如下: <html><title>js打印</title><head></head><body><input id=btnprint type=button value=打印 onclick=javascript:window.print(); /> <input id=btnprint type=button value=打印预览 onclick=preview(1) />&

js或jquery实现页面打印(局部打印)

1.js实现(可实现局部打印) 复制代码代码如下: <html> <title>js打印</title> <head></head><body> <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /> <input id=&

js实现页面的局部打印

以前用的 $("#print_div_contractnumber4").jqprint(); 现在不知为何不能用了 只能用下面的方法实现局部打印了 //打印div function printDIV(){            bdhtml = window.document.body.innerHTML;            sprnstr = "<!--startprint-->";                eprnstr = "

JS局部打印两种方法

所有浏览器都可以 <html> <head title=""> <title>测试打印</title> <style media="print"> /*只应用于打印的样式*/ .noprint { display: none; } </style> <script> //通过标签控制 function printDiv1(oper) { bdhtml = window.documen

新的浏览器局部打印实现方法

背景 最近在做开发平台,其中涉及到局部打印的功能,将此功能做为开发平台的一个通用功能,从网上搜了一些解决方案和开源js组件,测试的结果都不满意,大多是将打印的内容放在一个iframe内,去打印iframe里面的内容,对性能影响比较大,特别是要打印的内容比较多的情况,而且效果有可能跟实际显示的不一样,干脆还是自己想办法实现吧,后来自己琢磨出了另一种实现方法,和大家一起分享下,谁有更好的解决方案欢迎交流 思路 思路说起来也比较简单,所谓局部打印就是只打印页面中的一部分(如果是打印整个页面就没问题了,

js打印方法总结

前段时间做web项目用到了页面打印,在网上找了些资料,自己也试了很多方法,将这些方案列出下: 1.window.print()方法打印,所有主要浏览器都支持 print() 方法 这个方法很实用,只需要调用方法就可以打印,但是这是打印整个html,要想打印局部的话,要另做. 2.想要局部打印,通过jQuery插件就可以实现,现在网上有很多这样的插件,比如jqprint插件等等,可以非常方便的打印一个div,而且不会影响其他的.ie和谷歌是没问题的,其他没仔细测过. 3.想要局部打印,也可以通过一

js利用闭包封装自定义模块的几种方法

1.自定义模块: 具有特定功能的js文件 将所有的数据和功能都封装在一个函数的内部 只向外暴露一个包含有n个方法的对象或者函数 模块使用者只需要通过模块暴露的对象调用方法来实现相对应的功能 1.利用函数方法自调用 /** * Created by lonecloud on 2017/9/10. */ (function (window) { var DEBUG="debug" /** * 打印日志 * @param args */ function log(args) { consol