隐藏打印按钮样式

最新推荐文章于 2021-06-07 14:23:15 发布

iteye_14884

最新推荐文章于 2021-06-07 14:23:15 发布

阅读量162

点赞数

分类专栏： web开发文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_14884/article/details/82005859

版权

web开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

@media print {
input.printbtn {
display: none;
}
}

<input name="button" type="button" class="printbtn" onClick="javascript:printpage();" value="打印"/>

打印时，可以隐藏打印按钮！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_14884

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
隐藏打印按钮样式

@media print { input.printbtn { display: none; } } 打印时，可以隐藏打印按钮！！
复制链接

扫一扫

专栏目录

WEB页面打印的一个方法（比较能用的了）

mdot的专栏

07-17

1033

http://schemas.microsoft.com/intellisense/ie5">看看.Noprint{display:none;}.PageNext{page-break-after: always;} .tdp{ border-bottom: 1 solid #000000; border-left: 1 solid #000000; border-right:

js 进行打印控制打印时隐藏按钮

07-04

- **`window.onbeforeprint`**：该事件在用户触发打印操作（如点击浏览器的打印按钮）时触发。这是开发者对打印内容进行调整的最佳时机。 ```javascript window.onbeforeprint = function() { // 在这里添加...

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

javascript经典特效---最简单的打印按钮.rar

03-11

最简单的打印按钮.rar最简单的打印按钮.rar最简单的打印按钮.rar最简单的打印按钮.rar最简单的打印按钮.rar最简单的打印按钮.rar

html设置打印样式隐藏,html如何设置打印样式？

weixin_33430573的博客

06-03

163

JS打印页面打印前隐藏打印按钮

小仙女的博客

10-11

3546

取消打印按钮样式

qq_34617629的博客

05-12

293

在做打印功能的时候，经常会遇到“打印”按钮也留在打印页面，如下图所示：解决方案：添加打印事件及打印样式打印事件具体代码： function preview() { window.print(); } 打印样式具体代码： @media print{ .noPrint { display:none; } } 通过以上事件及样式的调...

win10网格按钮悬停高亮CSS样式

07-14

例如，如果你希望在按钮被点击后执行某些功能，如显示隐藏的元素或发送数据到服务器，那么就需要使用JS事件监听器。以下是一个简单的示例： ```javascript document.querySelector('.button').addEventListener('...

打印不显示打印按钮及获取其他属性

05-25

例如，开发者可能会分享如何通过JavaScript动态添加打印按钮，或者如何使用CSS控制打印样式，以及如何在打印前获取和设置打印参数的代码示例。至于压缩包内的"打印页面中选取的连续部分.html"文件，这可能是一个...

web打印时隐藏按钮及其他信息的方法讨论

chendehui4work的备忘录专栏（邮件地址：chendehui4work@163.com）

07-04

1518

web打印是困扰很多web开发人员的问题。有很多人提出了不同的web打印解决方案，还有很多的商业报表设计器来帮我们（需要付费的，我想很多人不想花这个钱），以前我也写过一篇关于web打印解决方案的文章：http://blog.csdn.net/precipitant/archive/2005/01/03/238259.aspx　　　本文不会讨论这个问题。如果大家对于web打印各种解决方案感兴

页面点击打印按钮打印相关内容的小功能

guangbing8877的博客

03-04

1303

如果想在页面中，点击打印按钮，打印出相应的内容，如下图所示：可以借助一下面的代码来实现（本人工作中上线的功能） function promotion_demotion_print() { //待渲染的html部分信息 var str = '' str += '' str += '' str += '' str +=

java如何直接打印数组

xiaobailaji的博客

09-09

748

1.遍历打印 for(int i = 0;i<dp.length;i++){ System.out.println(dp[i]); }``` 2.转化成字符串打印 ```java System.out.println(Arrays.toString(dp));

实现打印内容，隐藏按钮

eeliangsoft的专栏

06-26

1229

实现打印内容，隐藏按钮<style type="text/css" media="print"> .btn_print { display: none; } </style>打印区域： <div class="btn_print"> <a href="javascript:;" id="prin

js 打印隐藏打印按钮

grous的专栏

08-08

6662

function printPage() { $("#printImg").css("display","none"); window.print(); $("#printImg").css("display",""); return false; }

前端打印页面时实现隐藏打印按钮

qq_37921739的博客

11-12

637

打印页面时隐藏打印按钮CSS的实现方式 CSS的实现方式可以通过以下方式实现 @media print { .Btnprint { display:none; } } 或者 <script media="print"> .Btnprint { display:none; } </script> ...

window.print打印页面时，隐藏部分打印按钮

qq_33172029的博客

03-27

3832

1）谷歌可用：（IE8，弹出打印窗体后，但原窗体内容，会变成空白） function applyPrint(){ if(!confirm('确定要打印吗？')){ return; } var headstr ="<html><head><title>招聘员工申请书</title>" + "</hea...

html 设置隐藏按键,html – 打印时隐藏按钮

weixin_34000790的博客

06-07

1277

我有一个页面,底部包含3个按钮,编码如下：function printpage() {//Get the print button and put it into a variablevar printButton = document.getElementById("printpagebutton");//Set the print button visibility to 'hidden'pr...

js的window.print打印页面不打印网页中的“打印”按钮

iilegend的博客

09-01

5359

设置样式来控制不打印“打印”按钮：<style type="text/css" media="print"> .noprint { display:none;} </style>然后把它应用到 “打印”按钮上：<input type="button" name="button" id="button" value="打印" class="noprint" />这样可以实现在页面展示的时候有“打印”

html页面中打印样式

09-30

3377

在head中添加样式： .noprint { display:none; }

DataTables去掉打印按钮

最新发布

09-26

### 回答1：可以通过以下步骤去掉DataTables中的打印按钮： 1. 找到 Datatable 的初始化代码，通常是通过 $('#myTable').dataTable(options) 这样的方式来初始化。 2. 在 options 中添加 buttons 参数，设置为 false，如下所示： ```javascript $('#myTable').dataTable({ buttons: false, // ... other options ... }); ``` 3. 重新载入 Datatable，打印按钮就会被移除。 ### 回答2：要去掉DataTables中的打印按钮，可以通过以下步骤来实现。首先，找到DataTables初始化的代码，在初始化选项中添加一项来隐藏打印按钮。具体来说，可以在`dom`选项中设置一个新的字符串，在其中指定表格组件的布局。将不需要显示的组件从字符串中删除即可隐藏它们。在这种情况下，我们需要删除打印按钮，所以我们可以将字符串修改为`<"lBfrtip"`。例如，如果以如下方式初始化DataTables： ```javascript $('#example').DataTable(); ``` 可以修改为： ```javascript $('#example').DataTable({ "dom": '<"lBfrtip">' }); ``` 这样就会隐藏打印按钮。此外，还可以通过CSS样式来隐藏打印按钮。找到打印按钮所在的元素，为其添加一个CSS样式`display: none;`来隐藏它。以上就是去除DataTables中打印按钮的两种方法。 ### 回答3：要去掉DataTables的打印按钮，我们需要在初始化DataTables时进行相应的设置。首先，我们需要在DataTables的初始化代码中加入一行代码：dom参数。这个参数可以用来定义DataTables的控件布局，包括打印按钮。默认情况下，dom参数已经定义了各个控件的布局和顺序，包括打印按钮。我们需要修改dom参数的值，将打印按钮的控件从布局中移除。假设我们的DataTables的初始化代码如下： $(document).ready(function(){ $('#example').DataTable({ //其他配置参数 }); }); 我们只需要在初始化代码中加入dom参数，并将打印按钮的控件从布局中移除，代码如下： $(document).ready(function(){ $('#example').DataTable({ dom: 'Bfrtip', buttons: [ 'copy', 'excel', 'pdf' //只保留复制、导出Excel和导出PDF按钮 ] }); }); 在上面的代码中，我们将dom参数的值设为'Bfrtip'，表示使用默认的DataTables控件布局，并在按钮数组中只保留了复制、导出Excel和导出PDF按钮，从而移除了打印按钮。这样就可以去掉DataTables的打印按钮了。当我们重新加载页面后，打印按钮将不再显示在DataTables控件上。