Js打印页面的几个问题_js打印标签时为什么一直很模糊-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_40577289/article/details/88395472

本文介绍使用JavaScript进行网页打印的方法，包括清除页眉页脚、设置默认值及调整页面排版等技巧，适用于解决打印需求。

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

项目中有遇到使用js打印页面的需求，这里记录几个打印的问题：
打印的代码：

<script type="text/javascript">
        var hkey_root, hkey_path, hkey_key;
        hkey_root = "HKEY_CURRENT_USER";
        hkey_path = "\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"; //网页打印时设置清空页眉页脚     
        function setup_null() {
            try {
                var RegWsh = new ActiveXObject("WScript.Shell")
                hkey_key = "header"
                RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "")
                hkey_key = "footer"
                RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "")
            } catch (e) {}
        }

        function setup_default() { //网页打印时设置页眉页脚默认值        
            try {
                var RegWsh = new ActiveXObject("WScript.Shell")
                hkey_key = "header"
                RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "&w&b页码，&p/&P")
                hkey_key = "footer"
                RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "&u&b&d")
            } catch (e) {}
        }


        function printPage() { //获取当前页的html代码 
            setup_null();
            printhtml=$('#printDiv').html();
          	document.body.innerHTML = printhtml; //写入body下
            window.print(); //在窗口调用浏览器打印机
        }
    </script>

这个时候可能取消页眉页脚会失效，这个时候可以在css里面也加上：

<div id="printDiv">
						<style type="text/css">
						@page {
							 size: landscape; 
							 margin: 0mm;
						}
....

其中size的意义是页面排版，landscape可以使其横向排版，这个实测只有chrome能用。同时这个css一定要写在要打印的元素里面。
这个时候可以在打印前提示用户，在打印页面自行操作排版、页眉页脚。