前端打印HTML页面

news/2024/11/14 14:14:50/

情况:打印特定的HTML内容

代码:

如果直接调用window.print()的话,会将tiltle或者访问的路径打印出来,所以要替换(也可以打印特定内容通过ID获取,然后拼接为特定的网页内容)

function toPrint(){var go = confirm("是否需要打印?");if(go){var oldstr = document.body.innerHTML;var headStr = "<html><head><title></title></head><body>";var footStr = "</body>";var content = $("#all").html();var newStr = headStr + content + footStr;document.body.innerHTML = headStr + content + footStr;window.print();document.body.innerHTML = oldstr;}
}

 

文章参考:

用window.print()打印指定div里面的内容

html 打印指定区域并去掉页眉、页脚,设置打印布局(纵向、横向)

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


http://www.ppmy.cn/news/682784.html

相关文章

浏览器打印,Chrome网页打印中的宽度控制

Chrome可直接将网页保存&#xff08;打印&#xff09;为PDF&#xff08;无需安装Adobe&#xff09; Chrome在保存为PDF文件时&#xff0c;默认纸张大小是A4。若布局为纵向&#xff0c;显示大小为210mm297mm&#xff1b;若布局为横向&#xff0c;显示大小为297mm210mm。 Windo…

JS 网页打印解决方案

这些日子真是太忙了&#xff0c;项目太多了公司总是加班&#xff0c;而且这些项目中好多都用到的打印&#xff0c;所以学习了一段时间js的打印。 其实原来只是用到了简单的功能&#xff0c;现在要深入的了解才发现原来ie的网页打印也是如此的强大。 以下是我在网上摘录的js打…

前端实现打印html页面

前端打印页面内容 确认打印布局打印预览排版去掉打印页眉页脚调用打印方法 确认打印布局 打印方法是打印body里面的数据&#xff0c;如果想打印部分数据&#xff0c;则需要将打印布局放在body里面&#xff0c;或者将不需要的布局隐藏。 将布局渲染到body会导致页面重新渲染&am…

前端web打印

前端打印 一、Vue打印插件 第一种方法&#xff1a;通过npm 安装插件 1&#xff0c;安装 npm install vue-print-nb --save 2&#xff0c;引入 安装好以后在main.js文件中引入 import Print from vue-print-nbVue.use(Print); //注册   3&#xff0c;现在就可以使用了 &…

浏览器网站打印标签

网站通过浏览器来打印标签 文章目录 网站通过浏览器来打印标签一、标签需要条码&#xff1f;二、使用前的标签打印机的配置三、使用步骤1.引入maven包2.编写生成条码的工具类3.封装调用接口&#xff0c;生成条码&#xff0c;并跳转到标签打印页面。4.页面调用浏览器的打印工具5…

网页打印代码

网页打印按钮的源代码&#xff1a;javascript:window.print(); 可以用css控制&#xff0c;看孟老大写的。media print.a {display:block}.b {display:hidden}好像是这样。把你不想打印的部分class设为b 首先在网页中添加&#xff1a; <OBJECT id"WebBrowser" he…

web 打印

11.1 Web打印 Web打印是一种常用的打印方式&#xff0c;其使用方法简单、方便、快捷&#xff0c;在浏览网页的同时就可以实现打印的功能。 实例291 调用IE自身的打印功能实现打印 实例说明 通过JavaScript调用IE自身的打印功能实现打印&#xff0c;这种方法比较简单&#xff…

#10046. 「一本通 2.2 练习 2」OKR-Periods of Words(内附封面)

[POI2006] OKR-Periods of Words 题面翻译 对于一个仅含小写字母的字符串 a a a&#xff0c; p p p 为 a a a 的前缀且 p ≠ a p\ne a pa&#xff0c;那么我们称 p p p 为 a a a 的 proper 前缀。 规定字符串 Q Q Q&#xff08;可以是空串&#xff09;表示 a a a 的…