JS打印页面内容

最新推荐文章于 2018-12-18 15:37:08 发布

奚学长又装死

最新推荐文章于 2018-12-18 15:37:08 发布

阅读量500

点赞数

分类专栏： JavaScript/JQuery 文章标签： javascript 打印

本文链接：https://blog.csdn.net/likekobe2012/article/details/48971009

版权

JavaScript/JQuery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

将需要打印的东西放入div容器，给div容器指定一个id

原理：生成一个新的打印页面，供window.print()调用

	function Print(printpage)
	{
		//指定相关的样式
		var headstr = "<html><head><title></title> <style> .printTable{border:1px solid black;width:100%;}  .printTable td{text-align:center;vertical-align:middle;border:1px solid black; height:37px;line-height:37px}  .printTable th{text-align:center;vertical-align:middle;border:1px solid black;height:37px;line-height:37px}</style>  </head><body>";
		
		var footstr = "</body>";
		var newstr = document.all.item(printpage).innerHTML;
		var oldstr = document.body.innerHTML;
		document.body.innerHTML = headstr+newstr+footstr;
		window.print(); 
		document.body.innerHTML = oldstr;
		return false;
	}