js如何去除打印时候浏览器自带的页头页尾的信息

本文介绍了一种使用JavaScript实现Internet Explorer浏览器中打印网页时去除页眉和页脚的方法。通过注册表设置来实现这一目标,同时提供了一个示例函数用于调用IE的打印功能。

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





function printpr()   //预览函数
	{
		//document.all("qingkongyema").click();//打印之前去掉页眉,页脚
		
		var OLECMDID = 7;
		var PROMPT = 1; 
		//var WebBrowser1 = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';
		//document.body.insertAdjacentHTML('beforeEnd', WebBrowser1); 
		remove_ie_header_and_footer();
		WebBrowser1.ExecWB(OLECMDID, PROMPT);
		WebBrowser1.outerHTML = "";

	}	

function remove_ie_header_and_footer() {
  var hkey_path;
  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) {
  }
 }	

在页面还需要加上 

 <OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>

这个object 每次最好打印重新创建 用js,要不然会出现错误问题

要在 vue-print-nb 中自定义脚并进行局部打印,可以按照以下步骤进行: 1. 在你的组件中引入 vue-print-nb: ```javascript import vuePrint from 'vue-print-nb'; ``` 2. 创建一个打印模板并将其传递给 vue-print-nb 组件: ```html <vue-print :printContent="printTemplate" :showPrint="showPrint"></vue-print> ``` 其中 `printTemplate` 是要打印的内容,`showPrint` 控制是否显示打印弹窗。 3. 在 `printTemplate` 中添加自定义的脚,例如: ```html <div class="page-header">我的自定义</div> <div class="page-footer">我的自定义脚</div> <div class="page-body"> <!-- 打印内容 --> </div> ``` 这里我们使用了三个 `<div>` 标签来分别代表脚和打印内容。 4. 在样式表中为脚添加样式: ```css .page-header { position: absolute; top: 0; left: 0; width: 100%; height: 50px; background-color: #f5f5f5; text-align: center; font-size: 24px; line-height: 50px; } .page-footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background-color: #f5f5f5; text-align: center; font-size: 16px; line-height: 50px; } ``` 5. 在打印按钮的点击事件中设置要打印的内容为当前组件中的某个元素,例如: ```javascript print() { this.printTemplate = this.$refs.printContent.innerHTML; this.showPrint = true; } ``` 这里我们使用了 `$refs` 来获取组件中名为 `printContent` 的元素,将其转成 HTML 字符串并赋值给 `printTemplate`,然后显示打印弹窗。 6. 最后,在打印弹窗中选择“局部打印”选项,就可以只打印指定的内容了。 希望这些步骤可以帮助你实现自定义脚并进行局部打印
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值