JS實現瀏覽器列印 列印預覽示例

2021-09-24 15:13:03 字數 874 閱讀 1455

1.js實現列印的方式

方式一:window.print()

window.print();會彈出列印對話方塊,列印的是window.document.body.innerhtml中的內容,下面是從網上摘到的乙個區域性列印的例子,該例子的不足是列印會修改頁面的內容。

1不需要列印的地方

2這裡不要列印啊

列印內容~~

列印不列印的地方啊哈哈哈哈

方式二:使用html標籤引入webbrowser控制項

這種方式是其只相容ie,其他瀏覽器不可使用,同時ie10以下的瀏覽器才可以使用,呼叫方式如下:

這種方式優勢是在ie下可以彈出列印預覽,這是列印很人性化的功能,但是遺憾的是高版本的ie瀏覽器不支援webbrowser了

方式三:採用document.execcommand(」print」)

該方式也相容各個版本的瀏覽器,同window.print()一樣,其啟動的是列印對話方塊,chrome的列印對話方塊自帶預覽功能,但是ie、火狐僅僅只彈出列印設定對話方塊,沒有預覽功能。

方式四:採用jquery外掛程式

使用jquery瀏覽外掛程式可以很方便的進行區域性列印,常用的外掛程式有:

JS實現瀏覽器列印 列印預覽

目前正在做瀏覽器端採用js方式實現列印這麼乙個功能,js列印實現的方法很多,但是相容各個瀏覽器實現列印預覽的功能有些棘手,現將實現的內容及遇到的問題記錄下來,希望有大牛看到所提的問題後可以給予解答,在此感謝啦。window.print 會彈出列印對話方塊,列印的是window.document.bo...

js實現列印 列印預覽 列印設定

一 webbrowser控制項 二 webbrowder控制項的方法 列印 webbrowser1.execwb 6,1 列印設定 webbrowser1.execwb 8,1 列印預覽 webbrowser1.execwb 7,1 關於這個元件還有其他的用法,列舉如下 webbrowser.exe...

前端js瀏覽器列印

window.print 是呼叫瀏覽器列印的方法。但預設是列印window當前所在頁的整個頁面,那有沒有辦法,只列印某一塊區域,或者說,只列印某乙個dom元素內的元素呢。function browserprint dom const printdom window.document.geteleme...