前端js打印功能

最新推荐文章于 2024-08-28 04:14:13 发布

Yuwen_forJava

最新推荐文章于 2024-08-28 04:14:13 发布

阅读量659

点赞数 2

分类专栏：小知识点

本文链接：https://blog.csdn.net/Yuwen_forJava/article/details/81536720

版权

小知识点专栏收录该内容

17 篇文章 0 订阅

订阅专栏

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

前端打印页面功能

<!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>