Window.print()打印整個網站中的部分內容，打印后，原網頁保持不變

Wuv1Up 發布于2019-08-01 15:36 / 2506人閱讀

摘要：以上資料里各種方法的利弊都說得很清楚了，我就不廢話了，直接看吧。代碼不打印的內容部分返回要打印的內容部分打印代碼獲取當前頁的代碼設置打印開始區域結束區域要打印的部分生成并打印效果截圖打印取消后，頁面還是第一張圖那樣子的。

想要達到打印整個網站中的部分內容且完成打印后原網頁保持不變的效果，搜到以下資料：
window.print打印指定網頁區域的方法
JavaScript頁面打印（只打印指定部分）
JS打印指定頁面且去樣式后的內容，window.print
都能達到打印整個網站中的部分內容，但是，打印后，網頁就剩下了打印的內容，其他內容全部被隱藏了，這不是我想要的，最終找到Javascript Print iframe contents only這個鏈接里的被采納回答的例子，結合自己的需要，達到了想要的效果。

以上資料里各種方法的利弊都說得很清楚了，我就不廢話了，直接看demo吧。

demo

html代碼：


        
            
                
                    
                        不打印的內容部分//////////////////////
                    
            
        
    
    
        << 返回

            
            

            
                
                    
                        
                            
                                //////////////////////要打印的內容部分//////////////////////

js代碼：

效果截圖

打印取消后，頁面還是第一張圖那樣子的。

云服務器 GPU云服務器打印頁面內容網頁打印打印網頁打印服務器中的表單

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/49992.html

Window.print()打印整個網站中的部分內容，打印后，原網頁保持不變

摘要：以上資料里各種方法的利弊都說得很清楚了，我就不廢話了，直接看吧。代碼不打印的內容部分返回要打印的內容部分打印代碼獲取當前頁的代碼設置打印開始區域結束區域要打印的部分生成并打印效果截圖打印取消后，頁面還是第一張圖那樣子的。想要達到打印整個網站中的部分內容且完成打印后原網頁保持不變的效果，搜到以下資料：window.print打印指定網頁區域的方法JavaScript頁面打印（只打印指定...

GT 2019-08-20 10:14 評論0 收藏0
JS實現打印的方式

摘要：實現打印的方式方式一會彈出打印對話框，打印的是中的內容，下面是從網上摘到的一個局部打印的例子，該例子的不足是打印會修改頁面的內容。目前正在做瀏覽器端采用js方式實現打印這么一個功能，JS打印實現的方法很多，但是兼容各個瀏覽器實現打印預覽的功能有些棘手，現將實現的內容及遇到的問題記錄下來，希望有大牛看到所提的問題后可以給予解答，在此感謝啦。 1.JS實現打印的方式方式一：window...

LucasTwilight 2019-08-23 11:28 評論0 收藏0
lodop打印控件的使用

摘要：失敗原因有前一個打印事務沒有完成操作系統沒有添加打印機驅動等。每個打印事務至少初始化一次，打印程序首先調用初始化函數設定打印紙張為固定紙張或自適應內容高，并設定相關大小值或紙張名及打印方向 web打印解決方案 1.生成打印模版（網頁），使用window.print()預覽打印模版，在瀏覽器中打印2.導出網頁為excel文件，詳見網頁導出為excel 3.使用lodop打印控件第一種方...

lucas 2019-08-23 14:25 評論0 收藏0
html基礎

摘要：不存在或格式不正確會導致文檔以兼容模式呈現標準模式的排版和運作模式都是以該瀏覽器支持的最高標準運行。如果不能確定時，首選使用自然樣式標簽 HTML 語義化 HTML標簽的語義化是指：通過使用包含語義的標簽（如h1-h6）恰當地表示文檔結構 css命名的語義化是指：為html標簽添加有意義的class 為什么需要語義化：去掉樣式后頁面呈現清晰的結構盲人使用讀屏器更好地閱讀搜...

sihai 2019-08-02 10:06 評論0 收藏0
網頁打印實踐及參考資料推薦

摘要：難度系數簡單關鍵詞實踐處理前截圖處理后截圖實踐小結第一次接到網頁要提供打印，可能會有些不知所措，我這里只說下遇到表格圖像列表項內容在尾部被斷開的問題處理。難度系數：簡單關鍵詞：css print 實踐處理前截圖：showImg(https://segmentfault.com/img/bV9nOe?w=949&h=728);處理后截圖：showImg(https://segment...

Charlie_Jade 2019-08-29 15:11 評論0 收藏0