WEB页面打印预览、打印兼容所有浏览器

最新推荐文章于 2024-06-10 16:43:59 发布

_____信仰在天空飘荡

最新推荐文章于 2024-06-10 16:43:59 发布

阅读量7.3k

点赞数

分类专栏： web页面打印文章标签：页面打印打印预览 web页面打印兼容所有浏览器 ie打印预览

本文链接：https://blog.csdn.net/W5991214974444/article/details/18222143

版权

本文介绍了一个Web页面打印预览和打印功能的实现方法，通过使用`window.print()`来兼容大部分主流浏览器，但针对IE浏览器，由于其不支持`window.print()`的打印预览功能，因此采用了IE自带的WebBrowser组件`ExecWB`进行预览。在预览过程中，通过添加`noprint`类来排除不需要打印的div元素。

摘要由CSDN通过智能技术生成

因项目里要做页面打印预览以及打印功能，还要求兼容大部分主流浏览器

实现方式有很多最后决定用window.print();大部分浏览器都适用，

window.print()方式ie浏览器不支持打印预览，针对ie浏览器的预览用ie自有打印组件

WebBrowser.ExecWB实现

ie浏览器预览时要把不需要预览的div加上class="noprint",否则会整个页面全部预览

打印时则只打印调用printit方法时传入的div层

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style>    
	@media print {  
		.noprint {   
			display: none   
		}  
	}  
  </style>  
  <

最低0.47元/天解锁文章

_____信仰在天空飘荡

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
3
评论
WEB页面打印预览、打印兼容所有浏览器

因项目里要做页面打印预览以及打印功能，还要求兼容大部分主流浏览器实现方式有很多最后决定用window.print();大部分浏览器都适用，window.print()方式ie浏览器不支持打印预览，针对ie浏览器的预览用ie自有打印组件WebBrowser.ExecWB实现ie浏览器预览时要把不需要预览的div加上class="noprint",否则会整个页面全部预览打印时则只打
复制链接

扫一扫