首页
学习
活动
专区
工具
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.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    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

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

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

    3.5K30

    js页面刷新或关闭时弹框消失_js刷新页面如何保留页面内容

    (e){ e.returnValue=("确定离开当前页面吗?")...; } Jetbrains全家桶1年46,售后保障稳定   用法:onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。...该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 “确定要离开此页吗?”。该信息不能删除。...触发于: 关闭浏览器窗口 通过地址栏或收藏夹前往其他页面的时候 点击返回,前进,刷新,主页其中一个的时候 点击 一个前往其他页面的url连接的时候 调用以下任意一个事件的时候:click,document...当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。 重新赋予location.href的值的时候。

    11.8K40

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

    打印事件:window.print() 1.单页打印(布局打印): function printCnt(){ //1.获取当前页的html代码 var body = window.document.body.innerHTML...window.document.body.innerHTML = body; //重新载入当前文档: location.reload(); } 注意:location.reload();要加,因可解决JS...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.9K00

    html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结

    JS页面 如何实现刷新指定DIV。。。 其他DIV不刷新 将innerHTML所在的方法用一个单独的函数写出来,然后需要时再调用。...js实现进入页面先刷新在继续进行js的功能 js实现,进入页面先刷新一下,然后在执行之后js代码需要完成的工作 js或者jquery实现固定时间刷新页面 js怎么写2秒后再刷新当前页面 设置定时2秒后执行刷新...setTimeout(function(){ //使用 setTimeout()方法设定定时2000毫秒window.location.reload();//页面刷新},2000); 如何让html页面实现每次刷新的时候重新执行...JS刷新当前页面的几种方法总结 reload 方法,该方法强迫浏览器刷新当前页面。...用JS如何控制页面刷新后 随机排列LI 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/158242.html原文链接:https://javaforall.cn

    13.8K30
    领券