window.print 页面打印_window.print() 后关闭窗口_hdchangchang的博客-程序员秘密

定义和用法

print() 方法用于打印当前窗口的内容。

语法

window.print();

window.print() 实际上，是浏览器打印功能菜单的一种程序调用。与点击打印功能菜单一样，不能精确分页，不能设置纸型，套打的问题更加无从谈起，只不过，可以让用户不用去点菜单，直接点击网页中的一个按钮，或一个链接里面调用罢了。事实上，很多用户都是采用这种方式打印，但是这种方式最致命的缺点是不能设置打印参数，比如纸型，页边距，选择打印机等等。

方法一：
需要指出的是这种方法提供一个打印前和打印后的事件onbeforeprint、onafterprint。可以在打印前的时候重新编辑一些格式，专门送去打印，打印后又处理回来。

function window.onbeforeprint(){
   //将一些不需要打印的隐藏
}
function window.onafterprint(){
   //放开隐藏的元素
}

通过这两个方法，就可以实现页面的部分打印。上述方法只有火狐和ie支持。

方法二：

调用window.print()时，可以利用css来控制页面中的东西是否显示

<style>
@media print{
　　.noprint{
   　　display:none
　　}
}
</style>

HTML如下：

<table width="757" height="174" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr class="noprint">
  <td height="133" align="center" valign="top">
   <img src="Images/top.jpg" width="757" height="133"></td>
 </tr>
</table>

注意：media的浏览器兼容问题。http://www.w3cschool.cc/cssref/css3-pr-mediaquery.html

方法三：

点打印按钮弹出新窗口，把需要打印的内容显示到新窗口中，在新窗口中调用window.print()方法，然后自动关闭新窗口。如果要打印的页面排版和原web页面相差很大，采用此种方法。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>打印测完</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style>
	#oDiv2 div{width: 100px;height: 100px;border:1px solid #c50000;}
</style>
</head>
<body>
	<div>aaa</div>
	<div id='oDiv2'><div>bbb</div></div>
	<div>ccc</div>
	<input type="button" value="打印" id="js_print" />

	<script>

	var oPrintBtn = document.getElementById("js_print");
	var oDiv2 = document.getElementById("oDiv2");
	oPrintBtn.οnclick=function(){
		var oPop = window.open('','oPop');
		var str = '<!DOCTYPE html>'
			str +='<html>'
			str +='<head>'
			str +='<meta charset="utf-8">'
			str +='<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">'
			str+='<style>';
			str+='#oDiv2 div{width: 100px;height: 100px;border:1px solid #c50000;}';
			str+='</style>';
			str +='</head>'
			str +='<body>'
			str +="<div id='oDiv2'><div>bbb</div></div>";
			str +='</body>'
			str +='</html>'

		oPop.document.write(str);
		oPop.print();
		oPop.close();
	}

	</script>
</body>
</html>

综上还是第三种最靠谱

本文链接：https://blog.csdn.net/hdchangchang/article/details/46504417

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

纯干货：优秀程序员和普通程序员的区别在哪里？_叶建升的博客-程序员秘密

创业者郭凛：如果纯以编码能力来看，可分为五类1. 拷贝型拷贝型选手就是传说中的“代码拷贝员”了，他们对实现功能几乎没有思路，所作的事情就是从网上或是之前其他团队成员写的代码中拷贝出片段，然后放到项目中，如果运行项目出现了期望结果，则表示任务完成。这类人只会改代码，却不会写代码。他们大多对编程毫无兴趣，只是希望以此糊口而已。2. 新手型当产品有功能需求时，由于经验有

飞思卡尔 HCS12(x) memory map解说之3 ._memory map 怎么看_doufuxian的博客-程序员秘密

了解XS128的MEMORY map和core，对充分榨取他的现有资源，合理分配RAM很有帮助。上次讨论到cpu12内核的DG系列单片机，基本上该涉及的东西都有所提及。包括：1 MEMORY map的原因，为什么要搞这个概念出来。2 MEMORY map包含的内容，有那三点...3 一些相关的概念性的东西。如果不明白，看看前面几篇文章就会明白一些的。

CSS学习之id、class、属性选择器_class important_花果山来的和尚的博客-程序员秘密

1、CSS id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 id 选择器以 “#” 来定义。下面的两个 id 选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：&amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;gt;&amp;amp;amp;am

2021年电工（中级）新版试题及电工（中级）实操考试视频_均匀油的泥点影响油的对流性能,因此越低越好_yangfany01的博客-程序员秘密

题库来源：安全生产模拟考试一点通公众号小程序电工（中级）新版试题是由公众号安全生产模拟考试一点通提供，电工（中级）证模拟考试题库是根据电工（中级）最新版教材汇编出电工（中级）仿真模拟考试。2021年电工（中级）新版试题及电工（中级）实操考试视频1、【判断题】()交流电流表标尺是按其有效值进行刻度的。（√）2、【判断题】()相序指三相电压或三相电流达最大值的先后次序。（√）3、【判断题】对于重载启动的同步电动机，启动时应将励磁绕组电压调到额定值。（×）4、【判断...

Probability space_凊尤梦的博客-程序员秘密

CNN已老，GNN来了_gnn-lstm_辽宁大学的博客-程序员秘密

深度学习无法进行因果推理，而图模型(GNN)或是解决方案之一。清华大学孙茂松教授组发表综述论文，全面阐述GNN及其方法和应用，并提出一个能表征各种不同GNN模型中传播步骤的统一表示。深度学习的最大软肋是什么？这个问题的回答仁者见仁，但图灵奖得主Judea Pearl大概有99.9%的几率会说，是无法进行因果推理。对于这个问题，业界正在进行积极探索，而其中一个很有前景的方向就是图神经网络...