JS实现浏览器打印、打印预览

window.print()

window.print();会弹出打印对话框，打印的是window.document.body.innerHTML中的内容，下面是从网上摘到的一个局部打印的例子，该例子的不足是打印会修改页面的内容。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>局部打印案例</title>
<script type="text/javascript">   function doPrint() {    bdhtml=window.document.body.innerHTML;    sprnstr="<!--startprint-->";    eprnstr="<!--endprint-->";    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));    window.document.body.innerHTML=prnhtml; window.print();
}
</script>
</head><body>
<p>1不需要打印的地方</p>
<p>2这里不要打印啊</p>
<!--startprint--><!--注意要加上html里star和end的这两个标记-->
<h1>打印标题</h1>
<p>打印内容~~</p>
<!--endprint-->
<button type="button" onclick="doPrint()">打印</button>
<p>不打印的地方啊哈哈哈哈</p>
<p>2</p>
</body>
</html>

JS实现浏览器打印、打印预览相关推荐

JavaScript打印和预览等
JavaScript打印和预览等 1.JavaScript局部打印 <input id="btnPrint" type="button" value=&q ...
ABAP 如何判断调用smartforms时是进行打印还是预览
原文地址:ABAP 如何判断调用smartforms时是进行打印还是预览作者:Lemon SAP在调用smartforms 时,在打印时有直接打印和预览两个选择,有时候需要区别用户的操作是打印还是预览 ...
PrintDocument打印、预览、打印机设置和打印属性的方法（较完整）
C# 中打印.预览.打印机设置和打印属性的方法http://www.veryhuo.com 2011-10-08 烈火学院投递稿件我有话说private void Form1_Load(objec ...
winform打印和预览
winform打印和预览调用代码源码此文章转载自上善卍若水[winform打印和预览](https://blog.csdn.net/mixiu888/article/details/809161 ...
vue调用手机浏览器打开pdf_vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法...
目前大多数PC浏览器支持在线预览pdf文件,但大多数手机浏览器还未支持,尝试用手机浏览器打开一个pdf文件会弹出是否下载的提示框.网上查了一些资料,在实现的过程中,还是走了比较多的弯路,最后采用了备受 ...
delphi 获取打印机默认纸张_在DELPHI中实现打印的预览
在DELPHI中实现打印的预览 PCPOP.COM 2005年10月18日类型:转载作者:<电脑报> 编辑:王琛 ----------------------------------- ...
JavaScript 页面打印，预览，设置，分页
在HTML页中加载打印对象 <object id="WebBrowser" width="0" height="0" classid= ...
php 图片预览原理,JavaScript_纯JS实现的批量图片预览加载功能，1.实现原理直接见代码,需要一 - phpStudy...
纯JS实现的批量图片预览加载功能 1.实现原理直接见代码,需要一张转圈的小图片,需要预览的所有图片默认的位置全是这张小图片,滚轮滚到原图需要出现的位置时候,预览加载替换小图片.实现效果复制代码代码 ...
js实现图片上传预览及进度条
js实现图片上传预览及进度条原文js实现图片上传预览及进度条最近在做图片上传的时候,由于产品设计的比较fashion,上网找了比较久还没有现成的,因此自己做了一个,实现的功能如下: 1:去除浏览器 ...
js实现移动端图片预览：手势缩放，手势拖动，双击放大...
原文:js实现移动端图片预览:手势缩放, 手势拖动,双击放大... 前言本文将介绍如何通过js实现移动端图片预览,包括图片的预览模式,手势缩放,手势拖动,双击放大等基本功能: 扫码查看示例效果: ...

JS实现浏览器打印、打印预览

window.print()

JS实现浏览器打印、打印预览相关推荐

最新文章

热门文章