页面显示按钮，打印时不显示

最新推荐文章于 2019-07-12 18:15:55 发布
原创 最新推荐文章于 2019-07-12 18:15:55 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #input #button #html

本文介绍了一种简单的网页打印功能实现方法，通过在HTML页面中加入一个按钮并设置JavaScript的window.print()函数，使得用户可以方便地打印当前页面的内容。

<html>
<head>
<style> @media print{ INPUT {display:none}}</style>
</HEAD>
<body>
<input type=button value=" 打  印 " onclick=javascript:window.print()>
</body>
</html>

 
txz2003
关注
HTML5实现点击按钮后按钮消失
CyberLynxX的博客
10-02 600
上述代码中，我们首先定义了一个按钮，其id为"myButton"，并设置了一个onclick事件，当按钮被点击时，会调用名为。在HTML5中，我们可以通过JavaScript来实现点击按钮后按钮消失的效果。函数会被调用，按钮的CSS类会被修改为"hidden"，从而使按钮消失。在CSS样式部分，我们定义了一个名为"hidden"的类，其中的。属性将按钮的显示设置为"none"，从而使按钮在页面上消失。如果你有任何疑问，请随时提问。将一个名为"hidden"的CSS类添加到按钮上。
打印不显示打印按钮及获取其他属性
05-25
在这个问题中，用户可能遇到的情况是，当尝试打印网页时，预期出现的打印按钮没有显示出来，同时可能还有获取其他打印相关属性的需求，如页眉、页脚、页面范围等。 首先，我们需要理解打印按钮通常是通过JavaScript...
javascript 打印不显示按钮的方法
萝卜丝机007
03-22 5074
@media print { .noprint{display:none;} }    打印去掉页眉页脚和日期的脚本 function doPrint() { // 获得body的html bdhtml=window.document.body.innerHTML; // 打印开始的标志
js的window.print打印页面 不打印网页中的“打印”按钮
iilegend的博客
09-01 5563
设置样式来控制不打印“打印”按钮：<style type="text/css" media="print"> .noprint { display:none;} </style>然后把它应用到 “打印”按钮上：<input type="button" name="button" id="button" value="打印" class="noprint" />这样可以实现 在页面展示的时候有“打印”
javascript控制页面控件显示不显示
lixiqiang的专栏
09-18 1125
function Checkbox1_onclick() {var CheckboxStartDate = document.getElementById("CheckboxStartDate").checked;取得html控件//var aa = document.getElementById("ctl00_mainContent_tdDdlStartHour");取得服务器控件if(
C# 打印网页不显示页眉页脚的实现方法
08-25
点击“打印”按钮，然后选择“页面设置”，在这里可以取消勾选“页眉”和“页脚”的选项，这样在实际打印时就不会显示这些内容。但这只是一个用户级别的设置，如果需要在程序中自动实现，需要进一步的编程干预。 2....
打印网页中不打印页面中的某些内容
09-27
在这个规则集中，`.printbtn`和`.css1`的`display`属性被设置为`none`，意味着这两个类对应的元素在打印时不显示。 其中，`.printbtn`类用于一个打印按钮，它在屏幕上可见，但不应出现在打印输出中。而`.css1`类...
打印不显示打印按钮及获取其他属性（转载）
a479778594的博客
06-15 1828
传送门：http://dianziermu.iteye.com/blog/375992今天弄了下打印相关的的内容，主要是为了打印页面内容的时候不想同时打印出“打印按钮”。主要有五种方法（其中6为删除打印页眉页脚的例子）： 1、打印前将style隐藏，打印后再显示出来。该方法较简单，且可以写成一个共有的方法，推荐。 Html代码  style.display="none";  window.prin...
js 浏览器局部打印img不显示
暖光的博客
07-12 3254
浏览器局部打印不显示
ASP.NET 调用ie打印（隐藏页眉、页脚以及打印按钮等）
baiduopin4043的博客
02-15 111
注意： 来源http://blog.youkuaiyun.com/kittey_1999/article/details/1288552 2006-09-26 17:36 2392人阅读 评论(1) 收藏 举报 运行环境 WInXp Vs2005 问题：如果直接调用ie打印功能，打印出来的页面会有页眉页脚以及打印、打印预览等按钮。 解决方案： i：将与打印有关的按钮放在一个...
WEB跑P程序不弹出打印机配置界面的方式（跳过打印机配置这一步）
hello world
07-30 2717
1 场合：P程式里有Form调用了UBE，这时候web跑调用了ube的form，这时候会出来一个打印机配置的界面 2 解决方法：首先创建一个函数来调用ube，通过函数绑定的DATA STRUCTURE（DS）来给ube传送需要的数据； 注：（1）函数调用ube时要将异步复选框打勾！！！ （2）函数编译后才会生效！！ form里调用函数就可以解决不弹出打印机配置界面的问题了。
JavaScript实现打印控制：隐藏按钮功能
通过设置`onclick`属性，链接调用了`beforePrint()`函数来隐藏按钮，接着执行`window.print()`启动打印，最后调用`afterPrint()`函数以显示按钮。这一系列操作保证了隐藏按钮只在打印过程中有效，不会干扰用户的其他...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值