打印网页中的某一部分，可以直接调用浏览器的打印功能

最新推荐文章于 2025-04-23 14:09:11 发布

864记忆

最新推荐文章于 2025-04-23 14:09:11 发布

阅读量910

点赞数

CC 4.0 BY-SA版权

分类专栏： asp.net

本文链接：https://blog.youkuaiyun.com/hmwz0001/article/details/104925255

asp.net 专栏收录该内容

155 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页局部打印的方法，通过调整页面内容和样式，实现对特定区域的精确打印，适用于需要定制化打印需求的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

打印网页中的某一部分，可以直接调用浏览器的打印功能：核心方法：window.print();
这种方法可以整体缩放页面。

  function dy()
            {
                ////获取打印的页面内容
                let subOutputRankPrint = document.getElementById('print_div');
                let newContent = subOutputRankPrint.innerHTML;
                let oldContent = document.body.innerHTML;
                document.body.innerHTML = newContent;
                //页面打印缩放比例设置
                document.getElementsByTagName('body')[0].style.zoom=0.1;//可在此处设置zoom值，设置初始缩放比例
                //检测是否是IE 如果是ie进行页眉页脚
                if(!!window.ActiveXObject || "ActiveXObject" in window){
                    var hkey_root, hkey_path, hkey_key;
                    hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet"+"Explorer\\PageSetup\\";
                    try {
                        var RegWsh = new ActiveXObject("WScript.Shell");
                        RegWsh.RegWrite(hkey_path + "header", "");
                        RegWsh.RegWrite(hkey_path + "footer", "");
                    }
                    catch (e)
                    {

                    }
                }
                window.print();
                //window.location.reload();//可以不使用这个重调页面的方法，视情况而定
                //将原有页面还原到页面
                document.body.innerHTML = oldContent;
                document.getElementsByTagName('body')[0].style.zoom =1;//关闭打印窗口后重置缩放比例为1，即100%
                return false;
            }