js打印页面指定区域

JavaScript之打印页面局部区域

/** * [print part area of html page] * @Author JohnnyZen * @DateTime 2017-10-23 * @copyright [johnny.weily] * @license [license] * @version [1.0] * @link http://www.johnnyzen.cn/ * @required itemX * @param { } [varname] [description] * @return {[type

js打印页面指定区域，并去掉页眉上的时间和请求路径

需要通过js打印指定页面的内容 <style media=print type="text/css"> .noprint{visibility:hidden} </style> 然后在不需要打印的div上引用这个样式 <div class="noprint">不需要打印的内容</div> --------------------------------- <style type="text/css&qu

JS打印页面指定区域

错误的写法: //打印 function printPage(areaId) { if (parent.$("#PrinFrame").length == 0) { parent.$("body").append('<iframe id="PrinFrame" style="display: none; "></iframe>'); } var prinFrame = parent.$("#P

js打印div指定区域内容

打印web页面指定区域的三种方法

本文和大家分享一下web页面实现指定区域打印功能的三种方法,一起来看下吧. 第一种方法:使用CSS 定义一个.noprint的class,将不打印的内容放入这个class内. 代码如下: <style media="print" type="text/css"> .noprint{visibility:hidden} </style>这里是要打印的内容.<p class="noprint">这里是不打印的内

vue 打印页面部分区域

1. vue项目打印页面部分区域 2. 原生js实现页面局部打印功能 3. vue项目中将table组件导出Excel表格以及打印页面内容

window.print()打印页面指定内容（使用iframe保证原页面不失效）

使用window.print()时会出现两个问题: (1)直接使用window.print() 打印的是整页内容-->无法实现打印指定区域 (2)打印时替换body中的内容,打印完成后再替换回来-->这样会导致原来页面状态失效使用iframe即可打印指定内容,也可保证页面不失效,具体方法如下: 1.将打印的内容独立出来为一个print.html文件,并为页面添加打印事件 <!DOCTYPE html> <html> <head> ... </head

JS打印页面

打印整个html页面(PS:样式要写在页面里面才能打印(就是用内部样式)) <a id="dayi" runat="server" href="javascript:printme()" target="_self">打印</a> <a id="fanhui" runat="server" href=

js 获取页面可视区域宽高

获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下. 1.IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码代码如下 document.body.offsetWidth document.body.offsetHeight 2.在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小: document.documentElement.clientWidth document.documentElement.clientHeight 3.IE,

js打印html指定元素，解决动态获取的图片无法打印问题

用js来调用浏览器的打印接口很容易,一两行代码就能搞定,但是有些数据是通过动态生成的,例如一些动态生成的二维码,有时候调用打印接口图片会无法显示为了解决这个问题,建议使用下面这个库下载:https://github.com/tanathos/jquery.jqprint <script src="jquery.jqprint-0.3.js"/> <script> $('#youid').jqprint({ debug: false, //如果是true则可以

js打印页面指定区域

热门专题