html调用浏览器打印，去掉页眉页脚

最新推荐文章于 2024-05-22 11:27:31 发布
最新推荐文章于 2024-05-22 11:27:31 发布
阅读量5.9k 收藏 1
点赞数 1
文章标签： html print
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qf0129/article/details/80635721
版权 
<!DOCTYPE html>
<html>
<head>
    <title>print</title>
    <meta charset="utf-8">
    <style media="print">
    @page {
        size: auto;
        margin: 0mm;
    }
    </style>
</head>

<body>
    <div style="width:300px; height:300px;border: 1px solid blue;">
        <label>label</label>
        <button>button</button>
    </div>
    <button onclick='print_page()'>print</button>
</body>

<script type="text/javascript">
function print_page() {
    if (!!window.ActiveXObject || "ActiveXObject" in window) {
        remove_ie_header_and_footer();
    }
    window.print();
};

function remove_ie_header_and_footer() {
    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) {}
}
</script>
</html>
QF_
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
使用IE浏览器打印去掉页眉页脚
j67884159的博客
06-07 1699
无论是IE6.0，还是IE8.0版本，想要使用浏览器自带的打印功能，如何才能去掉那些讨厌的页眉页脚信息，让打印的页面更加美观呢？ 一、通过JavaScript 程序来设置，其实主要是用ActiveX控件来实现，出于安全方面的考虑，现在大多数浏览器已经禁用了“对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本”这一功能。如下图所示， 这个是以IE 8为例说明的，具体位置在：工具->...
web打印去掉页眉页脚
刘育文
01-24 3625
1.直接在IE中进行设置 点击菜单->文件->页面设置，在弹出的窗口中把页眉页脚清空 2.注册表设置 在注册表中，进入 HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup,把Header和footer两项的值清空 3.使用客户端JavaScript脚本实现 脚本代码如下：
HTML网页打印去掉页眉页脚，以及如何控制不想打印出的页面元素【梨城在线】
yanleigis的专栏
10-24 1万+
你希望打印的内容放置此处.......... SDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDSDSDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD 1234 SASASASAAAAAAA翻页代码及其他不需要打印的内容放置此处       来自:http://hi.baidu.com/redcod
js 客户端打印html 并且去掉页眉、页脚的实例
11-26
print() 方法用于打印当前窗口的内容，支持部分或者整个网页打印。 调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常，这会产生一个对话框，让用户可以取消或定制打印请求。 win10下测试ie11、chrome、firefox、360、edge 都可以成功去掉页眉页脚； <!DOCTYPE html> <html> <head> <title>打印</title> <meta charset="utf-8"> <style> .printBox { width: 300px; height: 300px; border: 1px sol
vue 打印、自定义打印、页面打印、隐藏页眉页脚
最新发布
carbonzhao的专栏
05-22 828
组装数据格式为，传到打印页面，最终打印页面会计算布局，根据一行显示多少列来遍历child进行布局后显示打印页面。粘贴以下代码进入index.vue组件中：注意阅读并分析这里面的实现，预留功能为一行N列实现，栅格布局计算！花了一天时间搞了个打印功能，现则将整体实现过程进行整理分享。在views目录下创建重组页面，即要实现的打印页面。2、重组页面打印格式为：这里重组页面的原因是客户要求为一行两列打印！在使用打印功能的父组件页面中引入上述子组件;
html打印页面去掉页眉页脚
qq_23392319的博客
12-16 583
【代码】html打印页面去掉页眉页脚。
打印html并去掉页眉页脚
热门推荐
。。
06-21 1万+
win10下测试ie11,chrome,firefox,edge 都可以成功去掉页眉页脚<!DOCTYPE html> <html><head> <title>print</title> <meta charset="utf-8"> <style media="print"> @page { size: auto; margin: 0m
清除html页打印的页眉,删除html中的页眉和页脚以打印页面
weixin_42316952的博客
06-22 910
Is there any way to remove header and footer of a html page, so that if user print it, there is no header and footer.有没有办法删除html页面的页眉和页脚，这样如果用户打印它，就没有页眉和页脚了。User can choose to remove it using print se...
js iframe 打印 打印预览 页眉页脚的设置
04-10
以上就是使用JavaScript和iframe实现打印预览及自定义页眉页脚的基本步骤。需要注意的是，不同浏览器对CSS打印规则的支持程度可能会有所不同，因此在实际应用中可能需要进行兼容性处理。同时，对于复杂的需求，如...
js实现打印并去除页眉页脚功能
12-13
JS 实现打印并去除页眉页脚功能 JS 实现打印并去除页眉页脚功能是通过修改注册表来实现的，该功能可以在 Web 打印功能中应用。下面对该功能的实现进行详细的知识点总结： 一、注册表修改 在实现打印并去除页眉...
网页打印去掉页眉页脚，以及控制不需要打印的内容
05-15
网页打印去掉页眉页脚，以及控制不需要打印的内容。源代码
web打印去掉页眉页脚，以及不想打印出的页面元素
03-06
web打印去掉页眉页脚，以及不想打印出的页面元素 博文链接：https://llying.iteye.com/blog/128212
打印html时设置去掉页眉页脚 简单一行代码搞定（记录一下）
fighting_sunnyGirl的博客
08-21 5053
media="print"> @page{ size: auto; margin: 0mm; }
html如何取消页眉页脚设置,jquery web打印 取消 页眉和页脚
weixin_36254379的博客
06-04 371
使用打印插件说明：/** printThis v1.15.1* @desc Printing plug-in for jQuery* @author Jason Day**/print.css 文件内容@page{size: auto; /* auto is the initial value */margin: 0mm 10mm 0mm 10mm; /* this affects the...
java打印取消页眉页脚_如何使用HTML在文档的每个打印页面上打印页眉和页脚？...
weixin_40001025的博客
02-27 197
是否可以在每个打印页面上打印带有自定义页眉和页脚的HTML页面？我想在每个打印页面的顶部和底部添加大小为16pt的红色，Arial字体的“ UNCLASSIFIED”一词，而不管其内容如何。为了说明清楚，如果将文档打印在5页上，则每页应具有自定义的页眉和页脚。有人知道使用HTML / CSS是否可能吗？#1楼使用分页符定义CSS中的样式：@media all{#page-one, .footer,...
点击打印按钮时发生了什么？
zhuameng.com的博客
05-10 1783
在windir\system32\spool\printer中生成了2个临时文件。***.SHD和***.SPL。有可能还有***.tmp文件。 各个文件的作用如下： （1） SPL 文件是实际的后台打印 （打印作业） 文件。 （2）TMP 文件是通常与 LPR 打印作业相关联。 （3）SHD 文件提供有关哪台打印机打印作业发送到或从其打印作业一起提供的信息。 一个 SHD 文件是一个"阴
js 无弹框打印_js中三种弹出框
weixin_32596893的博客
12-24 542
javascript的三种对话框是通过调用window对象的三个方法alert()，confirm()和prompt()来获得，可以利用这些对话框来完成js的输入和输出，实现与用户能进行交互的js代码。今天小编就来简单介绍一下js中的三种弹出对话框，小编先单独对这几个方法进行详细讲解，接着，将这几个方法进行对比，好了，开始我们的js之旅吧`(*∩_∩*)′......第一种：alert()方法al...
vue-print-nb打印编辑页眉页脚
10-22
vue-print-nb是一个Vue.js的打印插件，它可以帮助我们在Vue.js应用程序中实现打印功能。在vue-print-nb中，我们可以通过设置打印选项来控制打印的内容，其中包括页眉和页脚。 要设置页眉和页脚，我们需要在打印选项中添加一个header和footer属性。这两个属性可以是一个字符串或一个函数。如果是一个字符串，它将被直接用作页眉或页脚的内容。如果是一个函数，它将被调用并返回一个字符串，这个字符串将被用作页眉或页脚的内容。 下面是一个示例代码，展示如何使用vue-print-nb设置页眉和页脚： ``` <template> <div> <button @click="print">打印</button> <div ref="printContent"> <!-- 打印内容 --> </div> </div> </template> <script> import Vue from 'vue' import Print from 'vue-print-nb' Vue.use(Print) export default { methods: { print() { this.$print({ content: this.$refs.printContent, header: '页眉内容', footer() { return '页脚内容' } }) } } } </script> ``` 在上面的代码中，我们使用了vue-print-nb插件的$print方法来触发打印操作。在$print方法中，我们传递了一个打印选项对象，其中包括打印内容、页眉和页脚。页眉和页脚分别设置为一个字符串和一个函数。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值