創建一個打印鏈接

Question

我想創建一個打印按鈕，當打開一個打印按鈕時，它將打印出當前瀏覽網頁的打印版本。我應該怎麼做呢？我想在ajax/jQuery彈出窗口中顯示文檔的打印預覽。用戶還可以放大，縮小和旋轉內容。

Answer 1

通常我爲打印介質使用CSS樣式表，並提供打印友好的頁面視圖，我調用頁面並在頁面上添加相應的CSS文件。說我有一個main.css文件來設置我的頁面風格，以及一個print.css打印媒體。在打印預覽視圖中，我將print.css文件鏈接到main.css文件之後，因此可以重新修改頁面視圖以使其更易於打印。你可以在你的URL像這樣：的http：// .... P1 = V1 & ...... &視圖=打印

所以服務器端代碼將重視打印機的CSS文件。如果這是您的解決方案，那麼您可以通過JavaScript添加額外的參數來調用相同的頁面URL。所以你打印預覽按鈕的onclick行動可能是：

$('#printPrevButton').click(function() {window.open(window.location + '&view=print')}); 

注意，上面的代碼是一個示例模擬起來需要更多的工作（比如檢查查詢字符串的存在起始字符等？）。