react 局部打印

Js 实现局部打印功能

1.当前页面 var bodyHtml = window.document.body.innerHTML; window.document.body.innerHTML = printHtml;//printHtml为当前需要打印的div的内容 window.print(); window.document.body.innerHTML = bodyHtml; 缺点: (1)移除页面内容再插入需要打印页面内容,页面会有一个大的跳动 (2)页面事件效果会丢失 2.iframe 打印 functio

html局部打印

html页面局部打印的小栗子只要修改点击打印的按钮和打印的div区域的id就行啦 <!DOCTYPE html> <html> <head> <title>print test page</title> <meta charset="utf-8"> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">

Jquery局部打印插件

局部打印插件 jquery.PrintArea.js js代码 (function ($) { var printAreaCount = 0; $.fn.printArea = function () { var ele = $(this); var idPrefix = "printArea_"; removePrintArea(idPrefix + printAreaCount); printAreaC

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

1.js实现(可实现局部打印) <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /> <input id="btnPrint" type="button" value="打印预览" onclick=preview(1) /> &

jquery 网页局部打印总结

最近开发过程中遇到了js局部打印的功能,在网上找相关的资料,最终找到了juery.jqprint-0.3.js 和jquery.PrintArea.js两种. 最初使用的是jquery.jqprint-0.3.js,是在弹窗的情况下使用,即使出现滚动条也依然能够把所有内容成功打印出来.但是如果在当前页面div中出现滚动条(div内容过多,出现垂直滚动条)的话,则内容打印不全.所以最终选择的的是jquery.PrintArea.js.这是我现在发现的最明显的区别. 这两个都是打印指定div内的显示

Java局部打印的问题

项目中遇到了做局部打印的情况,最开始用的bootstrap,可是实际显示的和打印的效果就不一样了,于是就只能换一种方式了. 打印是用的jqprint 这个插件,很简单好用的插件. 引入两个js就可以了 <script type="text/javascript" src="/js/appjs/common/print/jquery-1.4.4.min.js"></script> <script type="text/javas

jquery局部打印插件使用

基于jquery库的jquery.PrintArea.js插件源代码为: (function ($) { var printAreaCount = 0; $.fn.printArea = function () { var ele = $(this); var idPrefix = "printArea_"; removePrintArea(idPrefix + printAreaCount); printAreaCount++; var iframeId = idPrefix + p

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

首先定义css样式: 复制代码代码如下: @media print { .noprint { display: none;color:green } } 对于不想打印的内容只用在标签中加上 class="noprint"即可,打印的时候客户也不会看到页面任何变化. 打印时调用 window.print(); 另外几种js局部打印的方法: 移花接木: 打印的时候,把需要打印的内容替换成整个body内容(用户会在打印的时候看到变化,客户体验不太好) 复制代码代码如下: function

利用js和CSS实现网页局部打印

1 局部打印方法: 作用:将id为dayin的内容,新建页面并打印,可解决打印某页面中的部分内容的问题.使用方法:将要打印的内容通过 <span id="dayin"></span>包含起来,然后在某个按扭中定义事件<input type="button" onclick="dayin()" value="打印">function dayin() { var code="<b

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

方法一:直接用js的打印方法 <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /> 方法二:引用jquery插件打印(可以打印整个网页内容和网页的局部内容) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN&q

web项目局部打印

window.print()方法是打印整个body,若想打印局部区域,网上出现了各种解决办法,我觉得都挺好的.我最推荐jquery.PrintArea.js插件形式点击上述链接首先下载下来,我的是版本2.4.0 将jquery.PrintArea.js引入到项目中,需要打印的页面引用该js和jQuery.js 打印关键代码如下: $("#目标区域id").printArea();

window.print()局部打印三种方式

首先准备要打印的内容,也可以打印时再填充,html中定义如下:  <div id="printcontent" style="display:none"> ${printContentBody} </div>  方法一: 通过开始.结束标记(startprint.endprint)来打印 function doPrint() { bdhtml=window

局部打印插件 jquery.PrintArea.js

(function ($) { var printAreaCount = 0; $.fn.printArea = function () { var ele = $(this); var idPrefix = "printArea_"; removePrintArea(idPrefix + printAreaCount); printAreaCount++; var iframeId = idPrefix + printAreaCount; var iframeStyle = 'pos

JS局部打印两种方法

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

asp.net调用Lodop实现页面打印或局部打印,可进行打印设置或预览

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebPrint.aspx.cs" Inherits="WebPrint" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT

jq局部打印插件jQuery.print.js（兼容IE8）

/* @license * jQuery.print, version 1.5.1 * (c) Sathvik Ponangi, Doers' Guild * Licence: CC-By (http://creativecommons.org/licenses/by/3.0/) *--------------------------------------------------------------------------*/ (function ($) { "use strict&quo

js调用局部打印功能并还原

function printme() { //printMain为要打印的dom元素 window.document.body.innerHTML = document.getElementById('printMain').innerHTML; window.print(); // 还原界面 var bdhtml = window.document.body.innerHTML; window.document.body.innerHTML = bdhtml; window.location.

html 局部打印

首先有个调用的方法.printView(). function printView() { bdhtml = window.document.body.innerHTML;//获取当前页的html代码 window.document.body.innerHTML = bdhtml; sprnstr = "";//设置打印开始区域 eprnstr = "";//设置打印结束区域 p

JS 根据id实现局部打印

// 打印初审收费清单 getOrderCostBille(){ var head_str = "<html><head><title></title></head><body>"; //先生成头部 var foot_str = "</body></html>"; //生成尾部 var older = document.body

浏览器局部打印实现，iframe打印

const handleOk = () =>{ let ele = document.getElementById('printInfor'); let iframe=window.frames['myPrint']; iframe.document.open(); console.log(iframe); console.log(document.getElementById('myPrint')); document.getElementById('myPrint').contentWind

react 局部打印

热门专题