如何在window.print()中去掉页眉和页脚；

在window.print()中去掉页眉和页脚可以通过CSS的@media打印样式来实现。具体步骤如下：

创建一个CSS样式文件，例如print.css。
在print.css中添加以下代码：

@media print {
  @page {
    size: auto; /* 设置打印纸张尺寸为自动 */
    margin: 0mm; /* 设置页边距为0 */
  }
  
  /* 隐藏页眉和页脚 */
  @page :first {
    margin-top: 0; /* 第一页的页眉距离顶部为0 */
    margin-bottom: 0; /* 第一页的页脚距离底部为0 */
  }
  
  /* 如果需要隐藏所有页眉和页脚，可以使用以下代码 */
  /* @page {
    margin-top: 0;
    margin-bottom: 0;
  } */
}

在HTML文件中引入print.css样式文件：

<link rel="stylesheet" type="text/css" href="print.css" media="print">

在需要打印的页面中调用window.print()方法即可：

<button onclick="window.print()">打印</button>

这样，在打印预览或实际打印时，页眉和页脚将不会显示。

注意：以上方法适用于大部分现代浏览器，但不保证在所有浏览器中都能完全去掉页眉和页脚。

相关·内容

js打印WEB页面内容代码大全

第三种方法：如果要打印的页面排版和原web页面相差很大，采用此种方法。点打印按钮弹出新窗口，把需要打印的内容显示到新窗口中，在新窗口中调用window.print()方法，然后自动关闭新窗口。 ...{page-break-after: always} 3、ASP页面打印时如何去掉页面底部的路径和顶端的页码编号...（1）ie的文件-〉页面设置-〉讲里面的页眉和页脚里面的东西都去掉，打印就不出来了。...hkey_root="HKEY_CURRENT_USER" hkey_path="\Software\Microsoft\Internet Explorer\PageSetup" "//设置网页打印的页眉页脚为空...rs.Open(“select ……”),conn,1,1 ……….%> //与数据库进行交互 HTML页面编码： ……… //调用打印函数 > //保存服务器端传来的数据 ……… 第四种方法：去除页眉页脚

7.5K2 0

【前端】使用window.print() 前端实现网页打印详细教程（含代码示例）

使用打印样式表 2.2 使用媒介查询 2.3 内联样式使用media属性 2.4 css中使用@import引入打印样式表 2.5 打印指定区域 2.6 插入分页 2.7 设置打印布局 2.8 去除页眉页脚...虽然浏览器提供了自己的打印预览和打印功能，但使用 JavaScript 的 window.print() 方法可以更灵活地控制打印内容和样式。...最简单的打印就是直接调用window.print()，当然用 document.execCommand(‘print’) 也可以达到同样的效果。默认打印页面中body里的所有内容。 <!...* 横向 */ size: landscape; /* 边距上右下左 */ margin: 1cm 2cm 1cm 2cm; } } 2.8 去除页眉页脚...当页眉打印默认有页眉页脚信息，展现到页面外边距范围，我们可以通过去除页面模型page的外边距，使得内容不会延伸到页面的边缘，再通过设置 body 元素的 margin 来保证 A4 纸打印出来的页面带有外边距

1.6K3 1

web调用打印机自动打印_网页打印如何设置默认打印机

前言客户对于一些插件比较敏感，如金融、银行等出于安全的考虑和产品的把控，可能不愿意页面打印的时候，客户端浏览器安装插件。...、页脚等，可以先按 1.6 中描述方式进行设置。...、页脚等。...hkey_root=“HKEY_CURRENT_USER”; hkey_path=”\Software\Microsoft\Internet Explorer\PageSetup\”; //设置网页打印的页眉页脚为空...可以修改IE的ActiveX 的安全项或者如下代码写到程序中。

6.3K2 0

如何将HTML表格转换成精美的PDF

如果你也能添加诸如页眉和页脚、页码或重复的表列标题等内容呢？像这样的小点缀，对把一份看起来很业余的文件变成一份优雅的文件有很大的帮助。...此外，这七个页面中的每一个都包含表列标题和页脚，我认为浏览器可以智能地获取这些信息，这是由于我在构建结构合理的表时选择了语义 HTML。然而，我不喜欢浏览器在 PDF 中包含的额外页面元数据。...输出如下：使用内置打印功能和Safari浏览器导出的PDF 你会注意到表格看起来大致相同，页面页眉和页脚内容也是如此。但是，表列标题和表脚不重复！...这意味着，我必须为它提供 PDF 表格的页眉、页脚、内容和布局的数据，而不是为 pdfmake 提供一个对我的 HTML 表格的引用。...要创建页眉和页脚文本，DocRaptor 建议你使用一些 CSS 与 @page 选择器，就像这样。

6.8K2 0

TCPDF_TCP ACK

; $pdf->SetSubject('TCPDF Tutorial'); $pdf->SetKeywords('TCPDF, PDF, PHP'); 扩展,自定义页眉页脚设置pdf背景图片...$this->setCellPaddings(13, 10, 5, 2); 设置是否打印页眉页脚，即去掉默认横线 $pdf->setPrintHeader(true); //设置打印页眉 $pdf-...>setPrintFooter(false); //设置打印页脚设置默认页眉页脚相关参数 $pdf->SetHeaderData(PDF_HEADER_LOGO, PDF_HEADER_LOGO_WIDTH..., PDF_HEADER_TITLE.' 061', PDF_HEADER_STRING); 设置页眉页脚字体 $pdf->setHeaderFont(Array(PDF_FONT_NAME_MAIN,...如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

1.2K3 0

word 如何设置不同页眉页脚？

有时我们在WORD中需要设置不同的页眉，该如何优雅地设置呢？别着急，头发会掉的... 敲黑板：要知道Word中对页眉和页脚的操作是可以针对节这个单位的。...此时整篇文档被分为三节（第一节：首页和目录部分；第二节：正文部分；第三节：附录部分）注意：如果在正文部分开始处和附录开始处；使用过“分页符” 来进行强制分页的话，则应该删除此分页符页眉页脚设置。...一、首页和目录　　首页和目录既然不想要页眉和页脚，那么我们就不需要什么操作。二、正文部分页眉设置将鼠标定位于正文部分第一页，双击页眉区域。此时该节的页眉处于可编辑状态。...点击页眉页脚工具“设计选项卡”，勾选“奇偶页不同”，而后点击“导航”中〔链接到前一条页眉〕按钮，使其与前一节“断开联系”，然后编辑本页的页眉文字。第三节页眉重复以上操作…… ?...如处于页眉编辑状态，可单击“导航”中〔转至页脚〕按钮切换到页脚编辑，先点击“导航”中〔链接到前一条页眉〕按钮，使其与前一节“断开联系”，然后编辑本页的页角文字即可。 ? Bye

5.2K3 0

浏览器分页静默打印

最简单的做法就是直接打印整个网页，在浏览器直接打印或者调用window.print()。这样就能将当前页面整个打印出来了。...这些打印 js 库各有其优缺点，这里不做分析和评价。这里介绍两个最简单的方法：方法一：直接调用window.print()。...data = await fetchRemoteData('这里获取接口数据，用于打印文件的数据'); // 使用mustache模板语法进行渲染（需要和html模板字符串模板一致，可以使用其他模板如...当然不会，实际需求中还有更复杂的打印场景，比如当打印报表。而打印报表的时候就会涉及到页眉、页脚、分页等等。...而作为一名前端开发，操作 html 就像呼吸一样简单，想要在网页上画出来分页、表头、页眉、页脚这些根本没什么难度可言。因此，理论上只需要在原方案基础上做“亿点优化”就可以解决了。

5761 0

word文档页码不连续编号怎么办_怎样给论文加页码

处理方法：第1步：执行【插入】-【页脚】-【空白页脚】，单击【下一节】，来到第2页(横向页面)，先关闭【链接到前一条页眉】选项：第2步：分别在页脚当前位置添加页码，为纵向页面添加步骤这里不再细说，重点说一下横向页面的设置...先在页脚中绘制一个文本框，调整大小，将环绕方式设置为四周型环绕，并将其文本向调整为“文字旋转90度”，拖放到目标位置：第3步：在文本框中添加页码，并设置起始页为续前节，根据需要将文本框的边框线和填充色设置为...结果如下图：提示：在对各节页脚设置前，要先将各节前的【链接到前一条页眉】选项取消选择。...其关键缘故如何在当前工作表中怎样设置单元格?...如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

2.4K2 0

activexobject是什么意思_session函数

下面我们将通过一个例子来看看对对象和方法的引用，通过对象变量 ExcelSheet 访问新对象的属性和方法和其他 Excel 对象，包括 Application 对象和 ActiveSheet.Cells...:\\TEST.XLS”); ExcelSheet.Application.Quit(); alert(‘ok’)； } 调用系统的打印功能 //设置网页打印的页眉页脚为空...hkey_root+hkey_path+hkey_key,””); hkey_key=”footer”; RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,””); window.print...(); }catch(e){ window.print(); } } 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。...如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

7712 0

设置页数自增页眉页脚——Word中page域代码的使用

本博文讲述如何在word中设置如图Page X of Y格式的页眉/页脚，使其跟随页数自增。即每页设置不同的页眉首先添加页眉，选择好页眉样式。...然后在页眉处写上： Page 敲一下Ctrl+F9，会出现一对花括号： Page { } 在其中填写“PAGE”，花括号外打上“of”： Page { PAGE } of 再敲一下Ctrl+F9，在后面的花括号写上...“sectionpages” Page { PAGE } of { sectionpages } 退出页眉，按Alt+F9即可√（有时候要按两次）发布者：全栈程序员栈长，转载请注明出处：https:/

2.2K2 0

最全总结 | 聊聊 Python 办公自动化之 Word（下）

页眉页脚每一个页面章节都包含：页眉页脚它可以单独设置，每个页面都不一样；也可以全部设置成与首页一样这个功能，由章节对象中的属性 different_first_page_header_footer...来控制当值为 True 时，代表页眉页脚不同于首页，每个页面章节的页眉、页脚都可以单独设置当值为 False 时，所有页面的页眉、页脚都一样 # 1、获取待处理页眉、页脚的章节 header =...添加页眉页脚包含两种，分别是：普通页眉页脚、自定义样式的页眉页脚 1 - 普通页眉页脚 def add_norm_header_and_footer(header, footer, header_content...def remove_all_header_and_footer(doc): """ 删除文档中所有页眉和页脚 :param doc: :return: """...替换文字内容有时候，我们需要将文档中某个关键字全部替换成一个新的内容这时候，我们可以遍历所有段落和表格，使用 replace() 函数对段落文本和单元格内容进行替换 def replace_content

2.5K1 0

《iOS Human Interface Guidelines》——Table View表视图

在简单风格中，行可以被分到有标题的章节中，并且在视图的右边界可以显示一个可选的垂直索引。在章节的第一个条目之前可以显示页眉，在最后一个条目之后可以显示页脚。分组风格。...在分组风格中，行是显示在分组中的，其可以有页眉和页脚。一个分组的表视图总是最少包含一个条目清单分组——每一行一个列表项——并且每个分组总是最少包含一个条目。分组表视图不包含索引。...扩展指示器告诉用户点击行的任何地方都会在新列表中显示子集信息。显示概念上的分组信息。两种表视图风格都允许你通过信息章节间的页眉和页脚视图来提供上下文。...你也可以使用页眉页脚视图——一种 UITableViewHeaderFooterView 实例——来在页眉或者页脚显示文本或者自定义的视图。...查看UITableViewHeaderFooterView Class Reference来学习如何在你的代码中使用页眉页脚视图。

2.4K2 0

itextpdf设置页码_word页码相同怎么改

PdfWriter.getInstance(document, out); } catch ( IOException | DocumentException e) { e.printStackTrace(); } // 定义页眉和页脚页码事件...= null) { cells.setBackgroundColor(color); } return cells; } } 接下来是页眉页脚事件的代码PDFBUilder 因为页眉页脚都是带格式的，...所以需要一点一点拼接起来，页眉中需要添加logo图片，位置是通过代码中的x，y坐标指定的 package com.example.demo.utils; import com.example.demo.config.PDFConfig...，字体加颜色，和比较复杂的表格制作比如需要将list中的数据按年份横排我罗列出来可能需要用到的网站地址，版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。...如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

3.8K3 0

wkhtmltopdf参数详解及精讲使用方法

封面对象简介 “封面对象”用来把一个网页作为封面输出到PDF文档中，输出的页面不会在TOC中出现，并且不会包含页眉和页脚。...更多详细内容请查看后面介绍的目录对象参数命令参数命令参数包含五部分，分别是“全局参数”，“大纲参数选项”，“页面对象参数”，“页眉和页脚参数选项”和“目录对象参数”。...页眉和页脚参数选项 --footer-center 在页脚的居中部分显示页脚文本 --footer-font-name 设置页脚的字体...如果你不熟悉 BNF 的话，下面的代码段中是三个例子: http://user:password@myproxyserver:8080socks5://myproxyserverNone 页眉和页脚页眉和页脚可以使用参数...页眉和页脚也可以通过 HTML文档来提供。

9021 0

分层 Blazor 组件

在 Blazor 中，事情变得容易多了，因为无需为了创建复杂元素（如 Bootstrap 模式对话框）的更易记标记语法，而无奈地使用标记帮助器。接下来将介绍如何在 Blazor 中创建模式组件。...相反，Content 子组件包装整个对话框的内容，并拆分为三段：页眉、正文和页脚。总之，根据上面的代码片段，生成的 UI 由标记为“打开”的主按钮组成。...在获得单击后，此按钮便会立即弹出填充有以下三层的 DIV：页眉、正文和页脚。必须处理模板化组件和级联参数，才能创建模式对话框所需的嵌套组件。...相反，AutoClose 值用于控制 IF 语句，此语句决定了是否应在标题栏中显示“关闭”按钮。最后，三个 RenderFragment 模板属性定义可自定义区域（页眉、页脚和正文）的实际内容。...它定义总体 HTML 布局，并使用模板属性导入标记的详细信息（页眉、页脚和正文标记），这些信息可确保给定对话框是唯一的。由于有了 Blazor 模板，任何实际标记都可以指定为调用方页中的内联内容。

8.3K1 0

Go-Excelize API源码阅读（十九）——SetHeaderFooter

func (f *File) SetHeaderFooter(sheet string, settings *FormatHeaderFooter) error 该API的作用是根据给定的工作表名称和控制字符设置工作表的页眉和页脚...页眉和页脚包含如下字段：字段描述 AlignWithMargins 设定页眉页脚页边距与页边距对齐 DifferentFirst 设定第一页页眉和页脚 DifferentOddEven 设定奇数和偶数页页眉和页脚...ScaleWithDoc 设定页眉和页脚跟随文档缩放 OddFooter 奇数页页脚控制字符 OddHeader 奇数页页眉控制字符 EvenFooter 偶数页页脚控制字符 EvenHeader 偶数页页眉控制字符...,Bold"Bold&"-,Regular"HeaderU+000A&D`, // }) 根据上面的格式代码详解，我们可以清楚的知道： DifferentFirst: true代表的是第一页有页眉和页脚...DifferentOddEven: true代表奇数和偶数页页眉和页脚是不同的。 OddHeader: "&R&P"代表奇数页的页眉右侧部分为当前十进制的页码。

1.2K3 0

最全总结 | 聊聊 Python 办公自动化之 Word（中）

3 - 页眉页脚边距页眉边距：header_distance 页脚边距：footer_distance def get_header_footer_distance(section): ""..." 获取页眉、页脚边距 :param section: :return: """ # 分别对应页眉边距、页脚边距 header_distance, footer_distance...段落使用文档对象的 paragraphs 属性可以获取文档中所有的段落注意：这里获取的段落不包含页眉、页脚、表格中的段落 # 获取文档对象中所有的段落，默认不包含：页眉、页脚、表格中的段落 paragraphs...页眉页脚页眉和页脚都是基于章节我们以某一个章节对象为例进行说明 # 获取某一个章节 first_section = self.doc.sections[0] 使用章节对象的 header、footer...属性可以获取页眉、页脚对象由于页眉、页脚可能包含多个段落 Paragraph，因此，我们可以先使用页眉页脚对象的 paragraphs 属性获取所有段落，然后遍历出所有段落的值，最后拼接起来就是页眉页脚的全部内容

2K2 0

Java后端：html转pdf实战笔记

它会带页眉和页脚的TOC之前插入 –custom-header 设置一个附加的HTTP头（可重复） –debug-javascript 显示的javascript调试输出 –default-header...read-args-from-stdin 读取标准输入的命令行参数 –readme 输出程序自述 –redirect-delay 等待几毫秒为JS-重定向(default 200) –replace* 替换名称,值的页眉和页脚...–version 输出版本信息退出 –zoom 使用这个缩放因子 (default 1)页眉和页脚选项 –header-center* (设置在中心位置的页眉内容) –header-font-name...* (设置页脚和内容的距离) ....,h2来定) –outline-depth 设置目录的深度（默认为4）页脚和页眉 * [page] 由当前正在打印的页的数目代替 * [frompage] 由要打印的第一页的数量取代 * [topage

3.5K6 1

excel常用操作大全

3.在EXCEL中输入“1-1”和“1-2”等格式后，将成为日期格式，如1月1日和1月2日。我该怎么办？这是由EXCEL自动识别日期格式造成的。...5.如果一个Excel文件中有多个工作表，如何将多个工作表同时设置为相同的页眉和页脚？如何一次打印多个工作表？在EXCEL菜单的视图-页眉和页脚中，您可以设置页眉和页脚来标记信息。...此时，您的所有操作都针对所有工作表，无论是设置页眉和页脚还是打印工作表。6.在Excel2000制作的工资表中，只有第一个人有工资表的表头(如编号、姓名、岗位工资.)，并希望以工资单的形式输出它。...如果您需要在表格中输入一些特殊的数据系列，如物料序列号和日期系列，请不要逐个输入。为什么不让Excel自动填写它们呢？...名字的公式比单元格地址引用的公式更容易记忆和阅读。例如，公式“=SUM”显然比使用单元格地址更简单、更直观，而且不容易出错。 27.如何在公式中快速输入不连续的单元格地址？

19.2K1 0

Wondershare PDFelement Pro Mac(好用的PDF编辑器)v9.1.4中文版

并且Wondershare PDFelement Pro Mac还为你提供了编辑PDF文档的最简单方法，包括文本，图像，页面，链接，背景，水印，页眉和页脚。...4、文档拆分和提取将多页PDF文档分割成几个较小的文件，或从文档中提取指定页面生成单独的PDF文档。 5、添加贝茨码添加可定制的贝茨编号到文档，便于索引和检索。...7、添加水印，背景，页眉页脚轻松添加及移除文本及图片水印、背景、页眉页脚，让您充分自定义创建PDF文件。...8、密码、密文保护使用保密性强的256位AES加密密码保护PDF文件，可设置锁定特定功能，如视图、打印、编辑、填充和旋转

1.4K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云