专业编程基础技术教程

网站首页 > 基础教程 正文

前端教程:JavaScript页面打印

ccvgpt 2025-01-10 11:59:43 基础教程 2 ℃

很多时候，你想给一个按钮，在网页上通过一个实际的打印机打印出网页的内容。

JavaScript可使用window对象的print函数就可以实现这样的功能。

前端教程:JavaScript页面打印

当执行JavaScript的print函数window.print()将会打印当前页面。可以使用onclick事件如下直接调用此函数：

<head>
<script type="text/javascript">
<!--
//-->
</script>
</head>
<body>
<form>
<input type="button" value="Print" onclick="window.print()" />
</form>
</body>1234567891011复制代码类型：[javascript]

这将产生以下按钮，打印此页。

这符合打印出来的页面，但这个不是一个推荐的方式。打印机友好的页面实际上只是一个文本，没有图像，图形或广告页面。

可以使用以下页式打印机友好方式：

使页面的副本，并离开了不需要的文本和图形，然后从原始链接到该打印机友好的页面。

如果你不想让页面的额外副本，那么可以使用像适当的注释标记打印文本 <!-- PRINT STARTS HERE -->..... <!-- PRINT ENDS HERE --> 然后你可以使用PERL或其他脚本在后台清除打印文本和显示进行最后的打印。网站使用同样的方法给打印设备对我们网站的访客。

如何打印页面：

如果没有人在提供上述设备，那么你可以使用浏览器的标准工具栏让网页打印出来。按照链接如下：

File --> Print --> Click OK button.

开课吧广场-人才学习交流平台

Tags：

猜你喜欢

最近发表
标签列表