html页面实现打印

html页面实现打印功能

方式一打印整个html页面
方式二通过获取页面html内容打印

方式一打印整个html页面

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head><th:block th:include="include :: header('修改学员基本信息')" /><style>input[disabled]{background:#fff;opacity:1;color:black;}
.td1{width: 20%;
}
.td3{width: 5%;
}
tr{height: 56px;
}/*input:disabled{border : 0px solid #DDD ;background-color : white ;}*/</style><style type="text/css" media="print">.noprint { display:none;}</style>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content container" ><div class="row"><div col-sm-12><h1 style="text-align: center">报名确认表</h1></div></div><table border="0"><tr><td class="td1" style="width:25%"></td><td class="td2">单位名称：<input name="dwcs" value="恒大物业"  style="border:none;" disabled type="text"></td><td class="td3" style="width:10%"></td><td class="td4" rowspan="3"><div ><img src="/img/photoDemo/6_zp.jpg"></div></td></tr><tr><td class="td1" style="width:25%"></td><td class="td2">单位所在城市：<input name="dwcs" value="济南"  style="border:none;" disabled type="text"></td><td class="td3"></td><td class="td4"></td></tr><tr><td class="td1"></td><td class="td2">姓名：<input name="dwcs" value="张三"  style="border:none;" disabled type="text"></td><td class="td3"></td><td class="td4"></td></tr><tr><td class="td1"></td><td class="td2">职务：<input name="dwcs" value="项目经理"  style="border:none;" disabled type="text"><br></td><td class="td3"></td><td class="td4">身份证：<input name="dwcs" value="370138273847569283"  style="border:none;" disabled type="text"></td></tr><tr><td class="td1"></td><td class="td2">手机号：<input name="dwcs" value="1782763234"  style="border:none;" disabled type="text"></td><td class="td3"></td><td class="td4">取证类型：<input name="dwcs" value="新取证"  style="border:none;" disabled type="text"></td></tr><tr><td class="td1"></td><td class="td2">企业联系人姓名：<input name="dwcs" value="王大拿"  style="border:none;" disabled type="text"></td><td class="td3"></td><td class="td4">企业联系人手机：<input name="dwcs" value="18393827465"  style="border:none;" disabled type="text"></td></tr><tr><td class="td1"></td><td class="td2">企业邮箱：<input name="dwcs" value="test@qq.com"  style="border:none;" disabled type="text"></td><td class="td3"></td><td class="td4">企业收件地址：<input name="dwcs" value="山东省济南市历下区伯乐路"  style="border:none;width: 200px" disabled type="text"></td></tr><tr><td colspan="4" style="text-align: center"><!--<button class="noprint btn-dark" onclick="testPrint()" style="text-align: center">打印</button>--><button type="button" class="btn btn-w-m btn-success noprint" onclick="testPrint()">打印</button></td></tr></table></div>
<th:block th:include="include :: footer" />
<script th:inline="javascript">function testPrint() {window.print();}
</script>
</body>
</html>

方式二通过获取页面html内容打印

window.document.body.innerHTML
网上一搜一大片

html页面实现打印相关推荐

java实现分页打印功能_web 页面分页打印的实现
1．首先引入一个WebBrowser在需要打印的页面,可以直接添加: 复制代码代码如下: 到页面,或者使用javascript在需要的时候临时添加也可以: 复制代码代码如下: document.b ...
js设置html打印不分页,web 页面分页打印的实现
1．首先引入一个WebBrowser在需要打印的页面,可以直接添加: 到页面,或者使用JavaScript在需要的时候临时添加也可以: document.body.insertAdjacentHTML ...
多页面分页打印功能实现
这篇文章主要记录自己在做项目时,遇到某个页面信息通过复选框的操作,多个页面同时打印的功能,因为本身window.print()只能打印一张,遇到多个页面时会开多个页面然后进程中断的现象. 像这边选中了 ...
将两页A4 pdf文档合并到一页A4页面上打印的方法
在实验室打印论文, 直接把pdf打印感觉比较浪费, 许多白边框都没有有效利用, 而且打印出来的页数很多, 显得不紧凑, 而且多而繁杂. 于是想要把pdf页面合并拼接打印, 比如: "将两页A ...
springboot向前端页面实时打印日志
springboot向前端页面实时打印日志加入logback-spring.xml日志配置 <?xml version="1.0" encoding="UTF-8 ...
html页面实现打印功能
html页面实现打印功能可用代码效果截图之前领导让我写一个html页面,可以进行打印,我上网搜了一下,html页面实现打印功能的博客有很多,这里我就不一一介绍了,直接上干货. 可用代码 < ...
Vue - 下载打印功能，将页面下载打印为 pdf 格式文件（vue-print-nb）
Vue 使用 vue-print-nb 插件实现打印功能一. vue-print-nb 的使用 1.1 安装 vue-print-nb 1.2. 引入vue-print-nb 二. 一个打印实例使 ...
HTML 页面禁止打印
问题:现在好多客户要求页面禁止打印,如果全面禁止用户打印,这个实施起来非常困难,但如果换个思路,让客户打印的内容全部为空,从结果上来看,也满足了客户的需求. 代码如下: <html> &l ...
用JS在html页面实现打印功能
用JS在html页面实现打印功能打印方式一: 打印方式二: 打印方式三(此方式会重新打开一个浏览器窗口): 做项目时,有在网页实现全局和局部打印的需求,百度许久,现总结如下: 打印方式一: 1.首先 ...

html页面实现打印

html页面实现打印功能

方式一打印整个html页面

方式二通过获取页面html内容打印

html页面实现打印相关推荐

最新文章

热门文章

html页面实现打印

html页面实现打印功能

方式一 打印整个html页面

方式二 通过获取页面html内容打印

html页面实现打印相关推荐

最新文章

热门文章

方式一打印整个html页面

方式二通过获取页面html内容打印