javascript JS 实现打印页面功能 支持多浏览器,兼容IE,火狐,谷歌

关键字: js 打印 多浏览器

网上很多文章都是记录只支持IE的方法类似这样

var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';
WebBrowser1.ExecWB(6, 1);

要想兼容多浏览器 我只知道这样一个简单的方法

<input type="button" id="ckstory"  value="恺哥打印" onclick="window.print();">

给打印的按钮 指定window.print() 事件就可以了.

 

缺点:1.用户体验不够友好,只有谷歌支持预览功能

         2. 如果在触发window.print() 事件之前,我们想隐藏 "打印"这个按钮,很容易实现.但是如果 你再想显示出来 ,你无法捕获你取消打印时候的事件.所以造成这种效果,你点击打印时,按钮隐藏,但是你又不想打印了 点击取消,然后 打印按钮还是隐藏的,你只有重新刷新页面.

         3.没有IE内核自带的打印方式中 打印参数设置的详细.

优点: 哥就是能穿梭在多个浏览器之间 哈哈哈!