JavaScript实现打印预览

最新推荐文章于 2024-07-08 16:22:29 发布
最新推荐文章于 2024-07-08 16:22:29 发布
阅读量220 收藏
点赞数
分类专栏： 2-1.开源工具 2.开源技术 文章标签： javascript webbrowser browser button function object
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuyang_16888/article/details/2211145
版权
<html>
<head>
<title>Print Preview</title>
<script>
function printpr()
{
var OLECMDID = 7;
/* OLECMDID values:
* 6 - print
* 7 - print preview
* 1 - open window
* 4 - Save As
*/
var PROMPT = 1; // 2 DONTPROMPTUSER
var WebBrowser= ''<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:961 -340A -11D0-A96B -00C 04FD2"></OBJECT>'';
document.body.insertAdjacentHTML(''beforeEnd'', WebBrowser);
WebBrowser1.ExecWB(OLECMDID, PROMPT);
WebBrowser1.outerHTML = "";
}
</script>
</head>
<body>
<form>
<input type=''button'' value="Print Preview" onclick="printpr();">
</form>
</body>
</html>  
liuyang_16888
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web端直接打印实例（免预览可直接打开运行测试）
01-14
web端直接打印实例，IE浏览器可直接打开测试直接打印效果。可能需要设置ActiveX启用。谷歌浏览器修改下快捷方式即可实现。详见我的博客文章https://blog.csdn.net/zhangxiaoyu138/article/details/86472749
js实现打印
08-07
在.net项目中实现利用js代码实现打印功能，本人开发中的总结，非常好使
JavaScript 实现打印,打印预览,打印设置
weixin_33721344的博客
12-30 427
WebBrowser是IE内置的浏览器控件，无需用户下载. 一、WebBrowser控件 　　&lt;object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'&gt;&lt;/object&gt; 二、WebBrowder控件的方法 //打印 WebBrowser1...
js直接调用打印机打印,不弹出预览，不弹出打印对话框插件推荐
xwc999
12-25 1万+
http://printfree.jatools.com/demos.htm
WEB 报表如何做到不需要预览就直接打印
xiaohuihui_1992的博客
06-28 919
在浏览器中打印一般总要弹出个对话框预览再确认，但有时我们希望静默打印（点击打印后不再预览，直接打印），或者点击打印时能够连续打印多张表格。 这需要要写些 JS 或者页面代码来实现，比如要通过代码画表格，然后通过 js 等去实现打印，这样实现有点麻烦，不过打印的内容常常都是报表，就可以采用报表工具来实现了。比如： 一：用报表工具设置格式会更加简单灵活 二：报表工具通常带有直接打印的功能，直接调用相应的功能就行，不需要写任何代码就行。 具体可以参考下： 如何实现报表直接打印需求 (http://c.ra
chrome浏览器实现打印预览打印功能.zip
01-06
本篇将详细介绍如何在Chrome浏览器中实现打印预览及打印功能，并提供相关的技术资源。 首先，Chrome浏览器的打印功能是通过其内置的`window.print()` JavaScript API来实现的。这个API会触发浏览器的默认打印对话框...
js调用脚本实现打印预览
10-09
通过以上步骤，"PrintDemo.html"文件应该展示了如何在IE浏览器中利用JavaScript实现打印预览的功能。实际应用中，开发者可能还需要根据具体需求调整代码，如添加自定义的打印设置选项，或者处理不同浏览器之间的差异...
JavaScript 实现網頁打印處理
10-30
`printsetup`调用`wb.execwb(8,1)`用于打开打印设置对话框，`printpreview`调用`wb.execwb(7,1)`执行打印预览，而`printit`函数会弹出确认对话框，如果用户确认，则调用`wb.execwb(6,6)`进行打印。这里的`wb`对象...
js直接跳过预览打印pdf文件流
fxqyilu的博客
05-02 2618
项目是用vue写的，vue 有打印pdf 的插件，但是考虑版本兼容的问题，个人觉得处理起来太麻烦，还是觉得可以采取原生的js处理即可。后端返回文件流，在请求头记得要转换好对应的格式 responseType: 'blob'获取到文本流后，即可用 iframe 去处理打印。记得要处理好pdf 的分页，要保留适应分页的问题。题外话，获取到文本流后，即可处理下载文本流到本地。
JS实现的打印、打印预览功能
06-02
JS实现的打印、直接打印、打印预览功能，非常简单实用
js调用ie打印和预览功能
05-20
ie浏览器下，完整的描述用js调用ie打印预览的功能
js跳过预览直接打印_Lodop调整打印项输出顺序 覆盖与层级
weixin_39800990的博客
12-03 708
Lodop中的打印项，如果有输出在同一位置，或部分位置重叠的地方，打印项之间是怎么覆盖的呢？在JS里，按照Lodop语句打印项先后的执行顺序，先执行的先输出，后执行的后输出，如果有后面的打印项和前面的打印项位置有重叠，会覆盖掉前面的打印项。解决方法是：1.预览某个打印项不全，或不显示。（代码里没有指定不预览）可以进入打印设计，在打印设计里的左侧打印项列表里查看一下，没显示的打印项（或显示不全）的打...
如何跳过浏览器的PDF预览 直接打印
Black_phoenix的博客
01-19 3732
总结一下如何跳过浏览器的PDF预览 直接打印 首先       需要准备一个应用 : WebApp Hardware Bridge ; 下载地址是: https://github.com/imTigger/webapp-hardware-bridge/releases 具体下载那一个呢 就看自己的需求了 我下载的是 whb-0.13.0.exe 版本, 下载好之后一波无脑安装就好.安装好之后,进入下一个环节. 其次  &nbsp
前端报表如何实现无预览打印解决方案或静默打印
葡萄城技术团队博客
02-08 1011
前端打印强依赖于浏览器，主流的思路是先将内容转换为PDF文件，再调用浏览器的打印功能进行打印，而生成PDF文件是依赖于浏览器对于字体，边线等的处理，因此浏览器的异同则直接导致打印出来的效果差距很大，有的边线加粗，有的1页数据，打印出来呈现2页，也是让开发者十分苦恼的事情，对于一些打印要求比较高的行业，这就是灾难。每一次打印都要弹出来打印预览对话框，如果前端需要批量打印，那么意味着客户要点击无数个关闭按钮，才能实现批量打印，如果一次性打印几百张上千张的报表，则会成为“NightMare”。
求JS无预览打印解决方案
hubiao_87的博客
12-31 3067
现在在做一个标签打印功能（打印一个JSP页面），目前是通过JS直接调用页面打印，但是都需要先预览），在点击打印（非IE浏览器。这样操作才行。但是这样操作太麻烦了，需求是要做无预览直接打印。求大神帮我想一个解决方案。只要能实现打印出一个页面。用其他技术也可以讨论。...
JS实现浏览器打印、打印预览
热门推荐
风水月的专栏
02-26 6万+
目前正在做浏览器端采用JS方式实现打印这么一个功能，JS打印实现的方法很多，但是兼容各个浏览器实现打印预览的功能有些棘手，现将实现的内容及遇到的问题记录下来，希望有大牛看到所提的问题后可以给予解答，在此感谢啦。 1.JS实现打印的方式 方式一：window.print() window.print();会弹出打印对话框，打印的是window.document.body.innerHTML中的
jeecg实现无预览打印
菜鸟一枚
11-10 6495
使用jatoolPrinter+barcode实现无预览打印条形码
什么是防抖和节流？如何理解它们并在不同的场景条件下灵活运用？
最新发布
Vinca@的博客
07-08 855
防抖（Debouncing）和节流（Throttling）是两种常见的性能优化技术，常用于控制某些操作（例如事件处理器）的频率，从而减少资源消耗并提高性能。防抖：在事件停止触发后的指定时间内执行函数。适用于需要等用户停止操作后再处理事件的场景。节流：在指定时间间隔内最多执行一次函数。适用于需要限制函数执行频率的场景。滚动停止后的操作：使用防抖。滚动过程中的持续操作：使用节流。根据具体需求选择适合的优化技术可以有效提高应用性能和用户体验。
node怎么实现pdf的预览和打印
06-01
实现PDF的预览和打印有多种方法，以下是其中两种常用的方法： 1. 使用PDF.js库 PDF.js是Mozilla开发的一个用于在浏览器中渲染PDF文档的JavaScript库。它可以直接在网页中展示PDF文件，且不需要使用Adobe Reader等第三方插件。可以通过以下步骤使用PDF.js实现PDF的预览和打印： - 在HTML文件中引入PDF.js库： ``` <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.8.335/pdf.min.js"></script> ``` - 使用JavaScript代码加载PDF文档并渲染： ``` // 获取PDF文档 const url = 'path/to/your/pdf/file.pdf'; const loadingTask = pdfjsLib.getDocument(url); // 渲染PDF文档 loadingTask.promise.then(function(pdf) { // 获取第一页 pdf.getPage(1).then(function(page) { const scale = 1.5; const viewport = page.getViewport({ scale: scale }); // 创建一个canvas元素显示PDF内容 const canvas = document.createElement('canvas'); const context = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; // 将PDF内容渲染到canvas中 const renderContext = { canvasContext: context, viewport: viewport }; page.render(renderContext); // 将canvas添加到DOM中 document.body.appendChild(canvas); }); }); // 打印PDF文档 function printPdf() { window.print(); } ``` 2. 使用iframe元素 另一种实现PDF预览和打印的方法是使用iframe元素。可以通过以下步骤实现： - 在HTML文件中创建一个iframe元素： ``` <iframe id="pdf-iframe" src="path/to/your/pdf/file.pdf"></iframe> ``` - 使用JavaScript代码控制iframe元素： ``` // 获取iframe元素 const iframe = document.getElementById('pdf-iframe'); // 打印PDF文档 function printPdf() { iframe.contentWindow.print(); } ``` 这种方法的优点是简单易用，但是需要使用第三方插件（如Adobe Reader）来展示PDF文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值