前端js打印功能

今天学习到了一个小技能,记录一下,免得以后忘记了

 

前端打印页面功能

<!DOCTYPE>
<html>

	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="滚动条, scrollbar, 页面底部, 聊天窗口, " />
		<meta name="description" content="有些时候(如开发聊天程序),我们需要将将滚动条(scrollbar)保持在最底部,比如聊天窗口,最新发出和收到的信息要显示在最 下方,如果要看到最下方的内容,就必须保证滚动条保持在最底部。" />
		<title>将滚动条(scrollbar)保持在最底部的方法 - 滚动条, scrollbar, 页面底部, 聊天窗口, </title>

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

	</head>

	<body>
		<div>
			<p class="noprint">我只显示不打印</p>
			<p>
				12<br />
				12<br />
				12<br />
				12<br />
			</p>
			<button id="dianji" type="button">dianji</button>
		</div>
	</body>

</html>
<script src="js/jquery-3.3.1.min.js"></script>

<script>
	$("#dianji").click(function() {
		if(window.ActiveXObject || "ActiveXObject" in window) {
			document.all.WebBrowser.ExecWB(7, 1);
		} else {
			window.print();
		}
	})
</script>

猜你喜欢

转载自blog.csdn.net/Yuwen_forJava/article/details/81536720