JS打印指定页眉、页脚的WEB页

最新推荐文章于 2025-06-07 15:23:25 发布
最新推荐文章于 2025-06-07 15:23:25 发布
阅读量1.6k 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： web path function object button javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ClumsyBoy/article/details/1878855
这篇博客介绍了一种使用JavaScript实现的方法，通过在HTML中插入隐藏的WebBrowser对象，并利用ActiveXObject访问注册表，来设置网页打印时的页眉和页脚。提供了两个函数PrintView()用于打印预览，Print()用于直接打印，两者都接受页眉和页脚字符串作为参数。

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

<input type="button" value="打印" onclick="Print('这是页眉‘,'这是页脚');" />
<input type="button" value="打印预览" onclick="PrintView('这是页眉‘,'这是页脚');"/>
<script language="javascript">
function PrintView(strHeader,strFooter)
{
    var hkey_root; 
    var hkey_path; 
    var hkey_key; 
    hkey_root="HKEY_CURRENT_USER"; 
    hkey_path="/Software/Microsoft/Internet Explorer/PageSetup"; 
    if(typeof(objWebBrowser)!="object")
  　　　        {  
  　　　　　　        document.body.insertAdjacentHTML("afterBegin","<OBJECT style='display:none' classid='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2' id='objWebBrowser' VIEWASTEXT></OBJECT>");   
  　　　        }

    var regWsh=new ActiveXObject("Wscript.Shell"); 
    hkey_key="/header"; regWsh.RegWrite(hkey_root+hkey_path+hkey_key,strHeader); 
    hkey_key="/footer"; 
    regWsh.RegWrite(hkey_root+hkey_path+hkey_key,strFooter); 
    objWebBrowser.ExecWB(7,1); 
} 
function Print(strHeader,strFooter)
{
                     var hkey_root; 
    var hkey_path; 
    var hkey_key; 
    hkey_root="HKEY_CURRENT_USER"; 
    hkey_path="/Software/Microsoft/Internet Explorer/PageSetup"; 
    if(typeof(objWebBrowser)!="object")
  　　　        {  
  　　　　　　        document.body.insertAdjacentHTML("afterBegin","<OBJECT style='display:none' classid='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2' id='objWebBrowser' VIEWASTEXT></OBJECT>");   
  　　　        }

    var regWsh=new ActiveXObject("Wscript.Shell"); 
    hkey_key="/header"; regWsh.RegWrite(hkey_root+hkey_path+hkey_key,strHeader); 
    hkey_key="/footer"; 
    regWsh.RegWrite(hkey_root+hkey_path+hkey_key,strFooter); 
    objWebBrowser.ExecWB(6,1); 

}
</script>
    
80搬码工
关注
IE浏览器打印的页眉页脚设置解决方法 - JavaScript 技巧
CsCufft的博客
09-30 818
通过上述的 JavaScript 技巧，我们可以在 IE 浏览器中实现自定义的打印页眉和页脚。然而，默认情况下，IE 浏览器并不提供直接的方式来自定义打印的页眉和页脚。在打印完成后，我们从文档中移除了自定义的页眉和页脚内容，以确保下一次打印时不会重复出现。函数，该函数用于添加自定义的页眉和页脚内容，并触发打印操作。最后，我们找到一个触发打印的按钮元素，并为其绑定了一个点击事件。媒体查询中定义的样式，我们可以自定义打印页面的布局和样式，包括页眉和页脚。要实现自定义的打印页眉和页脚，我们可以借助 CSS 的。
js打印页面自定义页眉页脚
愚人码头的博客
08-03 1684
效果预览: 1 添加页眉元素/页脚元素 <...
掌握网页打印：隐藏页眉页脚及元素技巧
最新发布
weixin_26854475的博客
06-07 633
<title>Web打印示例</title><style>} /* 黑白打印时，确保文字颜色为黑色 */</style>
JavaScript实现网页打印，可设置页眉、页脚、页边距
tiwsonchen的博客
03-17 3353
WebBrowser是IE内置的浏览器控件，无需用户下载,即可实现客户端页面打印。 关于这个组件还有其他的用法，列举如下： [code="java"]WebBrowser.ExecWB(1,1) 打开 Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口 Web.ExecWB(4,1) 保存网页 Web.ExecWB(6,1) 打印 Web.ExecW...
WEB 打印 页眉页脚设置
路漫漫其修远兮
09-11 2089
HTML>     HEAD>     TITLE>   New   Document   TITLE>     META   NAME="Generator"   CONTENT="EditPlus">     META   NAME="Author"   CONTENT="YC">     script   language="VBScript">...     dim   hkey_ro
js iframe 打印 打印预览 页眉页脚的设置
清风拂过
08-29 1513
1、window.print方式：   //jsp页面 打印按钮： &lt;input type="button" value="打印" onclick="print();"&gt; //js 中： function print(){ window.print(); //style样式中，设置隐藏按钮打印： &lt;style&gt; ...
WEB打印,去页眉和页脚
weixin_30555515的博客
02-21 106
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <ti...
web打印去掉页眉页脚，以及不想打印出的页面元素
03-06
在网页打印过程中，有时我们可能需要去除不必要的页眉、页脚以及特定的页面元素，以获得更整洁的打印效果。本文将深入探讨如何通过CSS和JavaScript实现这一目标，以优化Web打印体验。 首先，理解CSS媒体查询是关键...
javascript实现window.print()去除页眉页脚
10-24
然而，默认情况下，打印操作可能会包含页眉和页脚，这些元素可能包含URL、日期或者页码等信息，有时并不符合我们希望的打印效果。为了解决这个问题，开发者可以利用特定的技巧来去除或自定义这些元素。以下是一些...
js实现打印并去除页眉页脚功能
12-13
JS 实现打印并去除页眉页脚功能是通过修改注册表来实现的，该功能可以在 Web 打印功能中应用。下面对该功能的实现进行详细的知识点总结： 一、注册表修改 在实现打印并去除页眉页脚功能时，需要修改注册表中的设置...
Web Html 分页、表格跨页断裂处理、自定义页眉页脚页码打印控件
10-11
5.页眉页脚，去除浏览默认，自定义内容、样式、位置 6.保持页脚在页面底部，而非紧接正文内容 7.保持原文CSS样式 8.便捷自定义设置工具条 9.调用、语法简单，便捷 更过详细技术难点、解决思路、实现过程讲解，及...
js实现页面打印功能实例代码(附去页眉页脚功能代码)
12-09
代码如下: <html> <head></head> <style type=”text/css” media=”screen”> @media print{ .print {display:block;} .notPrint {display:none;} } </style> [removed] function preview() { bdhtml=window.document.body[removed]; sprnstr=”<!–startprint–>”; eprnstr=”<!–endprint–>”; prnhtml=bdhtml.s
设置网页打印的页眉页脚为空和默认值，动态控制
04-10
设置网页打印的页眉页脚为空和默认值，动态控制 很实用的功能，一直用着的；
前端打印时js分页实现共几页和第几页
08-06
js前端打印s分页实现共几页和第几页功能，触底自动换页，并每页表头新增固定部分，包括金额大写转换和当前时间获取
js 页面打印，兼容单个打印和分页批量打印，自定义页眉和简单页脚
_修铁路的、的博客
12-10 5795
场景： 最近在公司做开发，有个需求需要页面打印功能，作为前端半桶水都不到，只会改页面的我，一脸懵逼，公司里也没人系统的做过，按照惯例，本着有事找度娘的心态(我一直认为我们现在遇到的70%-80%的问题，肯定前人有遇到过)，上百度搜索一圈，发现还是有大量的帖子，但很多都是重复的，且并不十分符合我当前的需求，但通过查阅大佬们的帖子，我对js打印的处理方向有个大致的了解。话不多说，开始进...
web打印页眉页脚_Web设计中页眉和页脚的20种创意组合
cune1359的博客
07-03 1199
到目前为止，我们已经看到了数十个（即使不是数百个）展示创意页眉和页脚的展示。 使用当今可用的工具，创建精美的标题并不困难。 但是要制作一个与页脚很好地结合在一起的花式页眉，需要无缝的过渡和视觉感知，这需要一些额外的工作和创造力。 例如，页眉可以描绘一棵树的顶部，上面有树叶和树枝–我们在页眉精美设计中已经多次看到这种情况。 但是，加倍努力并结合以该特定视觉元素为基础的页脚总是更有趣。 如果是...
excel打印预览在哪里_打印小心机|不会打印页眉页脚你就输了
weixin_39859055的博客
10-22 565
人们常说“职场如战场”，竞争压力越来越大，没有一些“小心机”怎么行。在打印合同、方案等多页文件时，最担心的就是系统设备出现问题，轻则耽误时间和工作进程，重则文件的顺序全部被打乱，需要全部重新打印，时间紧迫手忙脚乱。这时页眉页脚的作用就显而易见了，在文件上添加页眉页脚，即使文件顺序被打乱，也能有条不紊，根据页眉页脚进行排序即可，无需重新打印，同时也能减少浪费，节约打印成本。●页眉页脚设置方...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值