打印页面时会打印出来placeholder

2024-08-29

解决浏览器中点击input输入框时，placeholder的值不消失的方法

版权声明:本文为博主原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/lianwenxiu/article/details/87898621 <input type="text" placeholder="请输入" οnfοcus="this.placeholder=''" οnblur="this.placeholder='请输入'"

window.print()打印页面指定内容（使用iframe保证原页面不失效）

使用window.print()时会出现两个问题: (1)直接使用window.print() 打印的是整页内容-->无法实现打印指定区域 (2)打印时替换body中的内容,打印完成后再替换回来-->这样会导致原来页面状态失效使用iframe即可打印指定内容,也可保证页面不失效,具体方法如下: 1.将打印的内容独立出来为一个print.html文件,并为页面添加打印事件 <!DOCTYPE html> <html> <head> ... </head

window.print() 打印页面部分内容的方法

用 JavaScript 实现页面数据的打印 : 主要是用到了一个 print() 函数 , 该函数将会打印整个 web 页面 body 内的所有 html 数据 ! 使用方法为 window.print(); 打印页面上局部的数据,则可以用 //把数据嵌套在一个 div 里,获得 div var printData = document.getElementById("dvData").innerHTML; 获得 div 里的所有 html 数据 window.document.

基于MVC4+EasyUI的Web开发框架经验总结（16）--使用云打印控件C-Lodop打印页面或套打报关运单信息

在最新的MVC4+EasyUI的Web开发框架里面,我整合了关于网购运单处理的一个模块,其中整合了客户导单.运单合并.到货扫描.扣仓.出仓.查询等各个模块的操作,里面涉及到一些运单套打的操作,不过由于之前介绍LODOP不兼容Chrome等浏览器,因此曾经想放弃这个控件的打印处理,不过他们及时推出了“云打印控件C-Lodop“,而且对之前的接口几乎完全兼容,因此在框架里也继续沿用了这个控件来进行相关的打印处理,包括常规的打印和运单信息套打等处理. 1.控件的安装这个云控件C-Lodop(http

Javascript动态调整文章的行距、字体、颜色，及打印页面和关闭窗口功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

在PeopleSoft系统中实现打印页面的功能

我们知道,在PeopleSoft HCM里,一般上了薪酬模块的话,都会客户化工资单页面,去匹配公司之前的工资单的报表的格式.有的时候,这个工资单页面又需要打印出来,以供员工的使用.PeopleSoft 中页面的打印,一般是用JavaScript来实现的.这里我详细叙述一下实现的步骤:1.首先要创建一个DerivedRecord ,Record Name 为Print_Record ,里面包含两个字段:一个 long 类型的 HTMLAREA ,一个Char 类型的Z_JS_PRINT.2.创建一

JS调用iframe方式实现Web区域打印页面内容

1.程序说明 1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印: 2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容. 2.代码部分 1) JS 函数: 代码如下复制代码 function do_print(id_str)//id-str 打印区域的id{ var el = document.getElementById(id_str); var iframe = document.createElement('

javascript实现jsp页面的打印预览

1.加载WebBrowser打印预览控件 <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="wb" name="wb" width="3"></OBJECT> <input type=button value=打印预览 onclick=document.all.WebBrows

asp.net调用Lodop实现页面打印或局部打印,可进行打印设置或预览

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebPrint.aspx.cs" Inherits="WebPrint" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT

android网页打印,安卓网页打印,h5页面打印,浏览器打印,js打印工具

Android设备打印比较麻烦,一般设备厂商都提供原生app开发的SDK,我们web开发者为难了,不会原生开发啊给大家提供一个思路,实现web加壳,利用打印浏览器实现简单来说就是把我们的web页面嵌入浏览器中 web页面的打印功能通过js与浏览器互动浏览器通过调用硬件SDK实现打印 1.机器安装最新SDK,已安装请忽略 2.下载安装本页下载连接中的打印浏览器并安装 3.对照下方事例代码,修改web页面打印功能 4.打印浏览器中打开web页面,测试打印功能 5.默认主页可以在SD卡根目录修改

jquery打印页面（jquery.jqprint）

使用jquery进行打印时,所需js包:jquery-1.4.4.min.js.jquery.jqprint-0.3.js 但如果使用高版本的jquery(jquery-1.9.1.min.js)时,则需使用jquery-migrate-1.2.1.min.js 使用jquery.jqprint打印 $("#打印页面").jqprint(); 所需js包:链接: https://pan.baidu.com/s/14zwDXRJSIFKkJ27KUHW9cg 提取码: 88ii

vue 打印页面部分区域

1. vue项目打印页面部分区域 2. 原生js实现页面局部打印功能 3. vue项目中将table组件导出Excel表格以及打印页面内容

用CSS创建打印页面

用CSS创建打印页面,不必为打印而专门建立一个HTML文件,可以节省一些体力,其前提是按“WEB标准”用CSS+DIV布局HTML页面. 第一.在HTML页面加入为打印机设置的CSS文件 <link href="css/admin.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/admin-print.c

Vue项目中将table组件导出Excel表格以及打印页面内容

体验更优排版请移步原文:http://blog.kwin.wang/programming/vue-table-export-excel-and-print.html 页面中显示的table表格,经常会要求实现导出Excel的需求,项目中刚好遇到,实现起来也比较简单,记录一下. 1.这里主要需要两个依赖:xlsx.file-saver: npm install xlsx --save npm install file-saver --save 2.组件中引入 import FileSaver f

使用window.print()后，未关闭打印页面，原网页不能操作

使用window.print()后,未关闭打印页面,原网页不能操作,此时可以试着用window.location.reload()重新加载页面解决问题.

vue+element打印页面功能

项目中遇到了要打印页面的功能,我感之前使用的是一个第三方的插件,但是不兼容IE,后来发现直接调用window的API就可以了,MMP // 打印表单 printBtn() { window.print(); return; }, 然后有不想在打印页面里面显示的元素,直接通过CSS样式控制就行了 @media print { .print_hide { display: none; } .print_content { margin-top: 20px !important; } }

使用jqprint插件实现打印页面内容

业务场景客户需要在页面有一个打印按钮,点击之后可以打印Echarts图表的内容以及文字提示信息,经谷歌搜索发现,实现方法大概有三种之多,其他两种不太熟悉,而采用的这种打印方式是一个在jQuery的基本上开发的一个print插件,因此可以使用jQuery的方式查找元素,因此决定采用这种方式. 先看一下实现的效果图,如下: 实现效果图引入js文件 <script type="text/javascript" src="__JS__/jquery-migrate-1.

react 打印页面怎么实现？

2017-11-10 react 打印页面怎么实现?

web页面内容打印总结

web页面打印有两种,一种是直接调用window.print()命令操作,一种是使用ActiveX插件(Object标签)操作,但是第二种只支持IE内核的浏览器. 示例1: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

vue项目-打印页面中指定区域的内容（亲测有效！）

关于打印整个页面的,没什么好说的.今天我给大家分享一个打印指定区域的方法,你想打印哪里,就打印哪里! 我也是刚刚开始接触打印这一块功能的,然后当然是找度娘深入了解了一番啦,期间试了网上的各种方法,有的压根就没效果: 有的可以实现打印部分区域的页面,但是在打印界面会丢失样式,那样子界面会很丑:下面我会列出网上的部分方法,以及我的方法.(插件我没有试过~) 网上方法一:(该方法我在vue页面使用没有做到指定区域打印,而是打印全部) 网上方法二:(该方法我在vue页面使用可以做到打印部分区域,但是样式

web在线打印，打印阅览，打印维护，打印设计

winform打印的方案比较多,实现也比较容易,而且效果也非常炫:但现在越来越多的系统是web系统,甚至是移动端.网上也有非常的web打印方案,但各式各样的问题非常多,比如js兼容性,稳定性等一直缠绕着众多的程序员,或者就是web 打印需要浏览器安装 ActiveX 组件,ActiveX安装不容易成功等等问题. 下面我们来看一种web在线阅览,在线编辑,在线打印的解决方案,Lodop这一款在线打印工具在各版本浏览器的兼容性表现不错,功能方面,我们常用的打印阅览,打印设计,打印机设置等他都提供了,

打印页面时会打印出来placeholder

热门专题