实现excel在线打印

许豪平安

已于 2023-07-07 21:40:36 修改

阅读量1.4k

点赞数 2

分类专栏： (前端)功能开发文章标签：前端

于 2021-11-18 17:29:37 首次发布

本文链接：https://blog.csdn.net/qq_55682738/article/details/121405016

版权

(前端)功能开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这个功能和上一篇实现pdf内容中前面都差不多，让我们直接上代码

body内按钮：

<div id='exclepdf'  class="buttoncss"  onclick="printout()">
	<img src="...."><span>在线打印</span>
</div>

css样式设计：

.buttoncss{
	height:35px;
	width:100px;
	text-align:center;
	margin:10px 0px 0px 15px;
	border:1px solid;
	float:right;
	margin-bottom:15px;
}
#excelpdf:hover {
	cursor:pointer;
}
.buttoncss img{
	width:25px;
	padding-top:5px;
	display:inline-block;
}
.buttoncss span{
	display:inline-block;
	padding-left:5px;
	vertical-align:super;
}

引入工具人js文件：

<script src="jquery-3.4.1.js"><script>
<script src="jspdf.debug.js"><script>
<script src="html2canvas.min.js"><script>

重点来咯，关于这一在线打印目前我找到四种方法可以实现这一功能

开始第一个：

//整个页面直接打印
function printout(){
	var newWindow;
	//打开一个新的窗口
	newWindow = window.open();
	//是新窗口获得焦点
	newWindow.focus();
	//保存写入内容
	var newContent = "<html> <head> <meta charset='utf-8'/><title>打印</title> </head><body>"
	newContent += document.getElementById("showPC").outerHTML;
	newContent += "</body></html>"
	//将html代码写入新窗口中
	newWindow.documment.write(newContent);
	newWindow.print();
	//close layout stream
	newWindow.document.close();
	//关闭打开的临时窗口
	newWindow.close();
	return false;
}

第二个吖：

function printout(){
	if(!!window.activexobject || "activexobject" in window){
		remove_ie_header_and_footer();
	}
	window.print();	
};
funtion remove_ie_header_and_footer();{
	var hkey_root,hkey_path,hkey_key;
	hkey_path = "hkey_current_user\\software//microsoft\\internet explorer \\pagesetup\\";
	try{
		var regwsh = new activexobject("wscript.shell");
		regwsh.regwrite(hkey_path + "header","");
		regwsh.regwrite(hkey_path + "footer","");
	}catch(e){}
}

第三个属于直接让页面打印简单方便，如不颜色，可直接用这个方法去实现excel打印：

funtion printout(){
	window.print();
}

第四个，同样也是最后一个，看到这个可能就没啦，还不在上面挑一个再走？

function printout(printout){
	var headhtml = "<html><head><title></title></head><body>";
	var foothtml = "<body/>";
	//获取div中的html内容
	var newhtml = document.all.item(ShowPc).innerHTML;
	//获取div中的html内容
	var oldhtml = $("#" + ShowPc).html();
	var oldhtml = document.body.innerHTML;
	document.body.innerHTML = headhtml + newhtml + foothtml;
	window.print();
	document.body.innerHTML = oldhtml;
	return false;
}

许豪平安

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
实现excel在线打印

这个功能和上一篇实现pdf内容中前面都差不多，让我们直接上代码 body内按钮：<div id='exclepdf' class="buttoncss" onclick="printout()"> <img src="...."><span>在线打印</span></div>css样式设计：.buttoncss{ height:35px; width:100px; text-align:center; ...
复制链接

扫一扫