window.print()

最新推荐文章于 2025-04-23 14:09:11 发布

weixin_33895475

最新推荐文章于 2025-04-23 14:09:11 发布

阅读量158

点赞数

原文链接：http://www.cnblogs.com/singleblue/archive/2008/05/21/1203797.html

版权

调用window.print()时，可以利用css来控制页面中的东西是否显示

<style>

@media print{

　　.noprint{

　　display:none

　　}

</style>

HTML如下：

<table width="757" height="174" border="0" align="center"cellpadding="0"

cellspacing="0">

</tr>
</table>
此时<tr class="noprint">是不打印的tr

下面是media的相关

media类型是CSS属性媒体类型，用于直接引入媒体的属性。其语法格式如下：

参数说明

screen：指计算机屏幕。

print：指用于打印机的不透明介质。

projection：指用于显示的项目。

braille：盲文系统，指有触觉效果的印刷品。

aural：指语音电子合成器。

tv：电视类型的媒体。

handheld：指手持式显示设备。

all：用于所有媒体。

转载于:https://www.cnblogs.com/singleblue/archive/2008/05/21/1203797.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33895475

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

window.print().txt

11-06

window.print().txt

莱鸟介绍window.print()方法

11-23

`window.print()`方法是JavaScript中的一个内置方法，主要用于在用户浏览器上打开打印对话框，让用户可以选择打印网页内容。这个方法非常实用，尤其对于那些需要提供打印功能的网站来说，如在线文档、报告或者表格等...

参与评论您还未登录，请先登录后发表或查看评论

打印功能window.print()

GTbond的博客

01-05

5538

打印功能window.print() 1. window.print()打印其实打印的是整个当前网页 2. 3. 样式问题如果使用less,scss 是不会生效的只能使用css语言格式, 就是不能像less、scss嵌套写 //在style中，使用@media print{} //不要嵌套写 @media print { div{ font-size:12px; ··· } ··· } 背景颜色可能不会生效，字体颜色生效了 ...

window.print() 前端实现网页打印详解

最新发布

有问题可关注公众号：前端研究院后台输入问题回复

04-23

308

前言print作为浏览已经比较成熟的技术可以经常被用来打印页面的部分内容，我们可以在MDN上查看到相关的简单介绍。一、print()方法print() 方法用于打印当前窗口的内容。调用 print() 方法会产生一个打印预览弹框，让用户可以设置打印请求。最简单的打印就是直接调用window.print()，当然用 document.execCommand('print') 也可以达到同样的效果。默认打印页面中body里的所有内容。

window.print ()

weixin_34121282的博客

09-23

174

语法： window . print () 参数：无返回值：无说明：打印当前窗口内的文档。调用此方法等同于从 Microsoft® Internet Explorer 文件菜单内选择「打印」。此方法将激活系统打印对话框供用户选择打印设置。当用户点击「确定」时，将依次发生下列事件： onbeforeprint 事件被触发。文档被打印。 onafterprint 事件被触发。当 ...

web打印 window.print()介绍

09-05

`window.print()` 是JavaScript中一个非常实用的函数，用于触发浏览器的打印对话框，让用户可以选择打印当前页面或部分内容。本文将详细介绍如何使用`window.print()` 实现Web打印，并提供示例代码帮助理解。 1. **...

window.print打印指定div实例代码

09-04

`window.print()` 是JavaScript中的一个方法，它用于打开浏览器的打印对话框，从而让用户选择打印当前网页。但是，这个方法默认会打印整个页面，包括用户可能不希望打印的导航、侧边栏或者其他元素。在这种情况下，...

javascript实现window.print()去除页眉页脚

10-24

在JavaScript中，`window.print()`方法是一个非常实用的功能，它允许用户直接从浏览器打印网页内容。然而，默认情况下，打印操作可能会包含页眉和页脚，这些元素可能包含URL、日期或者页码等信息，有时并不符合我们...

window.print打印指定div指定网页指定区域的方法

09-04

`window.print()` 是JavaScript中的一个内置函数，用于打开浏览器的打印对话框，让用户选择打印当前网页。但是，它默认会打印整个网页的所有内容。在本文中，我们将探讨如何利用 `window.print()` 结合其他技术来...

打印window.print();

a4228492的博客

04-06

145

<%@ page contentType="text/html;charset=utf-8"%><%@ page language="java" import="java.util.*"%><%@ page language="java" import="com.beyond.framework.common.config.*"%><%@ pag...

window.print() 前端页面打印与预览PDF

小先生编程

08-31

1万+

window.print()打印是浏览器自带的打印，实现原理是将html转换为pdf可以在线预览打印或者导出pdf，在任何网页上可通过Ctil+p快捷键调出浏览器打印程序，它可将整个网页打印出来，在我们开发中，其实并不需要将所有页面打印出来，或者只需要局部的页面做打印，那我我们就自己实现window.print（）打印功能。浏览器自带的打印窗口（页眉页脚属于自带的，我们无法去掉，但是可以通过css将边距调小，将其覆盖掉）打印常见的功能与问题处理打印的功能以及布局全由css控制，在加上一些程序处理的业

window.print()实现打印功能

hunantai的博客

08-07

516

想要去掉滚动条，尝试缩放页面比例，使用vue-print-nb都不行，直到最后将vxe-table换成了原生table，奇迹般的好了！使用window,print实现打印功能，页面中使用了vxe-table表格，所以打印出来的表格中带有横向滚动条。

window.print()使用

weixin_44705688的博客

08-15

1936

window.print()的简单使用打印想要的dom元素：如我只想打印下面的表格 printBtn() { let printHtml = this.$refs.printFrom.innerHTML //获取要打印的dom内容 let bodyHtml = document.body.innerHTML //获取整个页面内容 document.bod...

window.print 页面打印

热门推荐

coding...

06-15

5万+

定义和用法 print() 方法用于打印当前窗口的内容。语法 window.print(); window.print() 实际上，是浏览器打印功能菜单的一种程序调用。与点击打印功能菜单一样，不能精确分页，不能设置纸型，套打的问题更加无从谈起，只不过，可以让用户不用去点菜单，直接点击网页中的一个按钮，或一个链接里面调用罢了。事实上，很多用户都是采用这种方式打印，但是这种方式最致

window.print()简单使用

qq_40557812的博客

04-23

3202

window.print()的使用整体打印隐藏掉不需要的结构 document.getElementsByClassName('xmbz')[0].style.display='none'; document.getElementsByClassName('reason')[0].style.display='none'; document.getElementBy...

window.print

01-05

### JavaScript `window.print()` 方法使用教程 #### 一、基础介绍 `window.print()` 是浏览器内置的方法，用于打印当前窗口中的文档内容。当调用该方法时，会触发浏览器的打印对话框，允许用户调整打印机设置并执行打印操作[^1]。 #### 二、基本用法最简单的应用方式是在需要的地方直接调用 `window.print()` 函数即可： ```javascript // 当点击按钮或其他事件发生时触发打印 document.getElementById('printButton').addEventListener('click', function () { window.print(); }); ``` 这段代码会在用户单击具有指定 ID 的按钮时启动打印流程[^4]。 #### 三、自定义打印范围有时仅需打印页面上的部分内容而非全部，在这种情况下可以通过创建临时 iframe 或者修改 DOM 结构的方式来限定要被打印的部分。下面是一个针对特定 HTML 元素进行打印的例子[^2]: ```javascript function printElement(elementId) { var originalContents = document.body.innerHTML; var elementToPrint = document.getElementById(elementId).innerHTML; // 替换 body 内容为待打印部分 document.body.innerHTML = elementToPrint; // 执行打印命令 window.print(); // 恢复原始页面状态 document.body.innerHTML = originalContents; } ``` 需要注意的是上述做法可能会破坏页面布局，因此建议在实际项目中考虑更优雅的方式处理这个问题，比如通过 CSS 控制可见性或利用媒体查询专门定制打印样式表[^3]。 #### 四、长列表分页打印对于含有大量数据项（如表格）的情况，默认行为可能无法很好地满足需求。为了确保每一页都能合理展示信息量而不至于过载，应该采取措施优化输出效果。一种常见策略就是手动插入分页符 `<div style="page-break-after: always;"></div>` 来指示哪些地方适合断开成新页。 ```css @media print { .page-break { page-break-after: always; } }  <div class="page-break"></div> ``` 这样可以在不影响屏幕显示的情况下指导打印机如何分割内容到不同纸张上。