首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js在控制台打印html页面,vue 使用print-js 打印html页面

Print.js 官网 官网 优点:可以打印多种格式的内容(pdf、json、html等) 打印json时可以添加表头。...打印html页时可以继承原有页面的样式,局部打印,过滤掉要打印的元素,及其方便。...一、vue安装命令: npm install print-js –save 二、引入 这个引入不需要在main.js中,直接在使用的.vue中引入即可 这里颜色虽然是灰色,但是也要添加,否则会报错。...properties:是打印json时所需要的数据属性。 gridHeaderStyle和gridStyle都是打印json时可选的样式。...targetStyles: [’*’],这样设置继承了页面打印元素原有的css属性。 style:传入自定义样式的字符串,使用在要打印的html页面 也就是纸上的样子。

8.3K30
您找到你想要的搜索结果了吗?
是的
没有找到

js打印WEB页面内容代码大全

").innerHTML+" "+document.getElementById("div2").innerHTML; window.print(); } 如果要打印的只是整个页面中的一小部分,就最好采用第二种方法...第三种方法:如果要打印页面排版和原web页面相差很大,采用此种方法。 点打印按钮弹出新窗口,把需要打印的内容显示到新窗口中,在新窗口中调用window.print()方法,然后自动关闭新窗口。  ...Web.ExecWB(7,1) 打印预览 Web.ExecWB(8,1) 打印页面设置 Web.ExecWB(10,1) 查看页面属性 Web.ExecWB(15,1) 好像是撤销,有待确认 Web.ExecWB...not rs.eof%> 3、ASP页面打印时如何去掉页面底部的路径和顶端的页码编号 (1)ie的文件-〉页面设置-〉讲里面的页眉和页脚里面的东西都去掉...function print_onclick //打印函数 dim label label=document.printinfo.label.value //获得HTML页面的数据 set objfs

7.5K20

Fabric.js 限制边框宽度缩放

本文简介 使用 fabric.js 在某些情况下你可能需要固定元素边框的宽度,仔细看文档你会发现 fabric.js 已经为我们提供了这个功能。本文简单介绍一下这个功能。...实现方法 先揭晓答案,将元素的 strokeUniform 属性设置为 true 后,元素在缩放后,边框会恢复成最初设置的大小。...}) // 省略部分元素 canvas.add(rect) 在本例中,我将几何元素的边框宽度设置成10,在用鼠标拖放几何元素后,元素的边框宽度也会恢复成10...strokeUniform 的默认值是 false,如果不将 strokeUniform 设置为 true,边框就会随着几何元素的缩放而缩放。...fill、stroke、strokeWidth 等属性如果忘了的话可以查看 《Fabric.js从入门到 _ _ _ _ _ _》 复习一下。

7.3K20

Java打印边框的乘法口诀表_Java 面试 – 打印九九乘法口诀表

打印九九乘法口诀无疑是非常基础的,那么如何实现呢?首先我们先来分析一下九九乘法口诀表内在的规律,然后再根据分析结果,选择适合的解决方案。...第一行打印一列, 第二行打印两列,第三行打印三列…,所以可以通过行数i来控制打印的列数j。 根据1 * 1 = 1, 1 * 2 = 2…, 可知计算结果等于j*i。...*8=40 6*8=48 7*8=56 8*8=64 1*9=9 2*9=18 3*9=27 4*9=36 5*9=45 6*9=54 7*9=63 8*9=72 9*9=81 如何利用while语句打印...实例 #include int main(){ //外层循环变量,控制行 ; //内层循 … java 打印出99乘法口诀表 public class Mutiplay { /** *实现99乘法表 *...DECLARE V_NUMBER1 ); –外层循环变量 V_NUMBER2 ); –内层循环变量 BEGIN .. – … 用java代码打印九九乘法表 package com.wf; public

87610

WEB页面打印方法,包括如何设置打印分页(转)

value=页面设置  onclick=document.all.WebBrowser.ExecWB(8,1)> 最常用的就这3个方法了,写在按钮控件的ONCLICK事件里,当按钮CLICK的时候就会除法打印的事件了...以上的步骤就可以实现页面打印了,但是如何设置打印区域和打印分页呢?...,Noprint类:在打印事不显示,CLASS属性设置为Noprint类样式的控件打印的时候不会显示;PageNext类设置的是分页,CLASS属性设置为PageNext类样式的控件将被作为打印分页点,...Noprint和PageNext 这两个都是自己定义的,名字当然可以自己改,同样也可以将这两个样式类定义写在CSS文件里 以上的说明就是页面控制打印的几个重要的地方,以下是完整代码。...(6,6)>

3.3K30

web页面的单页打印以及批量打印实现方法

window.document.body.innerHTML = body; //重新载入当前文档: location.reload(); } 注意:location.reload();要加,因可解决JS...window.print()第二次点击事件失效问题 2.批量打印 注意点: (1).控制网页的分页:page-break-after:always 注意:避免在表格、浮动元素、带有边框的块元素中使用分页属性...height:300px;page-break-after:always" >报告单2 (3).如果使用window.open(“showPrint.html”,”print”); 打印预览页面的话...//如果是本地测试,需要先新建Print.html,如果是在域中使用,则不需要 // res 是后端返回的需要打印的xxx.html页面 var pwin=window.open(res,"print...pwin.document.write(res); pwin.document.close();//这个是必须的 注意:pwin.document.close(); 可以关闭showPrint.html的页面

4.5K00
领券