2009-08-25 236 views
0

我試圖創建一個簡單的HTML頁面,如下如何使window.print彈出預覽的打印對話框?

<html> 
    <a href="javascript:window.print();">Print this page</a> 
    <div> 
     something 
     something 
    </div> 
</html> 

點擊「打印此頁」,在彈出的打印對話框非常簡單了。對話框中沒有預覽。

在Google日曆中,用戶可以打印日曆。在「日曆打印預覽」窗口中,單擊「打印」將彈出打印對話框。打印對話框具有要打印的日曆視圖的預覽。我想知道如何用Javascript調出這樣的打印對話框。

據我所知,Javascript/DOM只有一個關於打印的API「window.print」。有沒有其他的方式來定製打印?

+0

檢查我的答案類似的問題在這裏: [如何打印預覽可以從Javascript稱爲] [1] [1]:http://stackoverflow.com/questions/230205/how-can-print-preview-be-called-from-javascript/23774526#23774526 – Vikas 2014-05-21 05:26:38

回答

2

Google日曆使用的打印預覽會在服務器上創建爲圖像,然後顯示給用戶。

這裏有一個相關的問題:JavaScript print preview

如果你是一個解決方案,只能在IE OK,這個問題可能會幫助你: How can Print Preview be called from Javascript?

我認爲這是要走的路,對於一個跨瀏覽器的解決方案:

http://www.alistapart.com/articles/printtopreview/

+0

謝謝你小費。 我發現瀏覽器網頁中的Google日曆預覽是通過從服務器返回一個PNG文件來實現的,而在打印對話框中預覽是通過從服務器返回一個PDF文件來實現的。預覽實際上由acrobat插件呈現。毫不奇怪,「打印提示」按鈕導致Adobe網站。 – 2009-08-25 06:22:43