1. 程式人生 > >javascript JS 實現列印頁面功能 支援多瀏覽器,相容IE,火狐,谷歌

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核心自帶的列印方式中 列印引數設定的詳細.

優點: 哥就是能穿梭在多個瀏覽器之間 哈哈哈!