Window.print()打印整个网站中的部分内容，打印后，原网页保持不变

GT 发布于2019-08-20 10:14 / 2514人阅读

摘要：以上资料里各种方法的利弊都说得很清楚了，我就不废话了，直接看吧。代码不打印的内容部分返回要打印的内容部分打印代码获取当前页的代码设置打印开始区域结束区域要打印的部分生成并打印效果截图打印取消后，页面还是第一张图那样子的。

想要达到打印整个网站中的部分内容且完成打印后原网页保持不变的效果，搜到以下资料：
window.print打印指定网页区域的方法
JavaScript页面打印（只打印指定部分）
JS打印指定页面且去样式后的内容，window.print
都能达到打印整个网站中的部分内容，但是，打印后，网页就剩下了打印的内容，其他内容全部被隐藏了，这不是我想要的，最终找到Javascript Print iframe contents only这个链接里的被采纳回答的例子，结合自己的需要，达到了想要的效果。

以上资料里各种方法的利弊都说得很清楚了，我就不废话了，直接看demo吧。

demo

html代码：


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

            
            

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

js代码：

效果截图

打印取消后，页面还是第一张图那样子的。

海外云主机私有云打印页面内容网页打印打印网页打印服务器中的表单

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/80056.html

Window.print()打印整个网站中的部分内容，打印后，原网页保持不变

摘要：以上资料里各种方法的利弊都说得很清楚了，我就不废话了，直接看吧。代码不打印的内容部分返回要打印的内容部分打印代码获取当前页的代码设置打印开始区域结束区域要打印的部分生成并打印效果截图打印取消后，页面还是第一张图那样子的。想要达到打印整个网站中的部分内容且完成打印后原网页保持不变的效果，搜到以下资料：window.print打印指定网页区域的方法JavaScript页面打印（只打印指定...

Wuv1Up 2019-08-01 15:36 评论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